标签: icons

背景

我知道已经有徽标和图标（此处解释了差异）。

问题

从 API 20（“L”？或者可能是 Android Wear？）开始，现在有一个新的，叫做“ banner ”。以下是文档对此的说明：

此组件横幅的可绘制资源标识符（在包的资源中）。来自“横幅”属性，如果未设置，则为 0。

所以这并没有提供太多关于它是什么的线索......

问题是我不知道它是什么，也找不到有关它的任何信息。

我试过的

我试过在互联网上找到这个，但因为“横幅”是一个通用名称，我没有发现任何有趣的东西......

当然，我也试过在活动文档（这里和这里）上搜索这个，但没有找到任何东西......

问题

1. 它用于哪里？

2. 它适用于 Android "L" 还是 Android Wear？或者两者都有？

3. 谷歌为什么决定这样做？

4. 我在哪里可以阅读它？

5. 是否有任何指导方针？

6. 取决于答案，您认为它会以某种方式成为支持库的一部分吗？

I am creating bootstrap contacting form similar as this: http://amitpatil.me/demos/twitter-bootstrap-ajax-contact-form/contact.php

So far I have this in body:

<div class="container">

    <form role="form" style="width:400px; margin: 0 auto;">
        <h1>Contact us</h1>

        <div class="form-group required-field-block">                
            <div class="col-md-12 input-group">
                <span class="input-group-addon"><span class="glyphicon glyphicon-info-sign"></span></span>
                <input type="text" size="30" value="" class="form-control" placeholder="Podjetje">
                <div class="required-icon">
                    <div class="text">*</div>
                </div>                  
            </div>
        </div>

        <div class="form-group required-field-block">       
            <div class="col-md-12 input-group">
                <div class="col-sm-1 column">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-pencil"></span></span>
                </div>
                <div class="col-sm-11 column">
                    <textarea rows="3" size="30" value="" class="form-control" placeholder="Sporo?ilo"></textarea>  
                    <div class="required-icon">
                        <div class="text">*</div>
                    </div>
                </div>
            </div> …

搜索了很长时间后：有没有人知道这个符号的正确字体真棒图标？

§

？！？

我注意到有很多方法可以添加网站图标。由于设备和系统的不同，添加图标的格式也非常不同。那么我怎样才能满足他们的所有要求呢？什么是最安全的解决方案？

例如：

方法一：

<link rel="shortcut icon" href="img/favicon.ico">

方法二：

<link rel="icon" type="image/vnd.microsoft.icon" href="img/favicon.ico" />

方法三：

  <link rel="apple-touch-icon" href="img/touch-icon-iphone.png">
  <link rel="apple-touch-icon" sizes="76x76" href="img/touch-icon-ipad.png">
  <link rel="apple-touch-icon" sizes="120x120" href="img/touch-icon-iphone-retina.png">
  <link rel="apple-touch-icon" sizes="152x152" href="img/touch-icon-ipad-retina.png">

我了解到方法三是在苹果设备的主屏幕上添加图标。而ico文件是一种存储各种大小图标的文件格式。

因此，如果我使用方法三（Apple 的方式），它会获得与其他两个相同的效果吗？这三种方法之间的关系是什么？如果把它们放在一起，会发生什么？它们如何相互影响？

（要求回答）

对于我正在处理的项目，我们有一组自定义图标，我使用https://glyphter.com/ 将其转换为字体（只是在 google 上搜索了这种类型的服务，似乎没问题）。

在其中一个块中，我从服务生成的 CSS 中插入一个带有类的图标（就像您通常使用图标字体所做的那样）。突然显示的图标是错误的 - 虽然content属性没问题。也找不到可以做到这一点的任何其他干扰样式。

抱歉，这里没有代码，没有时间。此外，该项目在共享细节方面受到很大限制。

我目前正在通过向他的网站添加社交媒体图标来帮助朋友。我想使用很酷的悬停效果，但是当我悬停图标时，它们会在div. 这并不奇怪，但除了调整填充使其看起来不动之外，我找不到任何其他方法。它看起来不太体面，有点作弊。

<script src="https://use.fontawesome.com/a63c918c5b.js" type="text/javascript">
</script>

<style media="screen" type="text/css">
  .icons {
    position: relative;
    padding: 9px;
  }
  .icons:hover {
    color: #4f5255;
    font-size: 19px;
    transition: font-size 0.2s;
    /*padding: 7px;*/
  }
  div {
    height: 100px;
    width: 200px;
    float: left;
  }
</style>

<div>
  <a target="_blank" href="link" class="icons fa fa-facebook" style="color: #4f5255;text-decoration:none;"></a>
  <a target="_blank" href="link" class="icons fa fa-twitter" style="color: #4f5255;text-decoration:none"></a>
  <a target="_blank" href="link" class="icons fa fa-instagram" style="color: #4f5255;text-decoration:none"></a>
</div>

我不希望图标在悬停在其中一个图标上时水平和垂直移动。我该如何解决？

我正在查看我在 Visual Studio 中处理的项目的源代码，路径在 WPF 窗口 XAML 中看起来很奇怪。例如，window 元素的图标成员如下所示：Icon="/ProjectName;component/icons/ProjectName.ico"

首先，分号是什么意思？这是否表示两条可能的路径？那没有意义。

我猜ProjectName;component代表一个路径，因为component我的项目中没有文件夹。在我的项目文件夹中，icons/ProjectName.ico是图标所在的位置。

这是什么意思呢？

我在“drawable”文件夹中有一个新图标。以下是代码：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24.0"
    android:viewportHeight="24.0">
<path
    android:fillColor="#FF000000"
    android:pathData="M16.5,3c-1.74,0 -3.41,0.81 -4.5,2.09C10.91,3.81 9.24,3 7.5,3 4.42,3 2,5.42 2,8.5c0,3.78 3.4,6.86 8.55,11.54L12,21.35l1.45,-1.32C18.6,15.36 22,12.28 22,8.5 22,5.42 19.58,3 16.5,3zM12.1,18.55l-0.1,0.1 -0.1,-0.1C7.14,14.24 4,11.39 4,8.5 4,6.5 5.5,5 7.5,5c1.54,0 3.04,0.99 3.57,2.36h1.87C13.46,5.99 14.96,5 16.5,5c2,0 3.5,1.5 3.5,3.5 0,2.89 -3.14,5.74 -7.9,10.05z"/>

但是当我在 drawable.xml 中定义它时，它指出：

Cannot resolve symbol '@android:drawable/ic_menu_favorite' less... (Ctrl+F1) 
Validates resource references inside Android XML files.

任何人都可以请解释为什么？

我有两个图标决定了我的 Meteor React 项目中一堆组件的视图

目前，我将它们包装在一个跨度中，每个图标都有一个特定的 onClick 函数。有没有办法只用一个函数来处理这个问题，传入一个 id 作为道具？

我想要一些类似的东西：

<span id="grid" onClick={this.handleViewBtnClick.bind(this, id)}> 
  <i className="fa fa-th" ></i>
</span> 
<span id="list" onClick={this.handleViewBtnClick.bind(this, id)}>
  <i className="fa fa-align-justify" ></i>
</span>

和：

handleViewBtnClick(id) {
  this.setState({
  view: id
  })
}

但这并没有产生预期的结果，我尝试过的任何其他事情也没有。我让它工作的唯一一次是我将两个图标都包裹在一个button而不是一个跨度中。我想我可以让它透明，但是有没有办法将它包裹起来span或根本不包裹它？

非常感谢！

我已经在我的 Windows 10 系统上安装了 TortoiseSVN 和 TortoiseGit。为了能够更轻松地区分基于 Git 和基于 SVN 的项目，我认为最好为两个客户端使用不同的图标覆盖。不幸的是，当我更改 TortoiseSVN 中的图标覆盖时，git-repositories 的覆盖也会更改为我在 TortoiseSVN 中选择的图标集。

有没有办法为 TortoiseSVN 和 TortoiseGit 使用不同的图标叠加？