我试图在我的应用程序上使用Font Awesome,我可以使用来集成字体Typeface.createFromAsset()
,但是我也想使用该字体提供的图标,但是到目前为止,我还没有做到这一点。
这种特殊的字体在Unicode专用区(PUA)中包含图标,用于诸如媒体播放器控件,文件系统访问,箭头等操作。
在Android上是否有人使用过包含图标和符号的字体,这有可能吗?
我试图在我的应用程序上使用Font Awesome,我可以使用来集成字体Typeface.createFromAsset()
,但是我也想使用该字体提供的图标,但是到目前为止,我还没有做到这一点。
这种特殊的字体在Unicode专用区(PUA)中包含图标,用于诸如媒体播放器控件,文件系统访问,箭头等操作。
在Android上是否有人使用过包含图标和符号的字体,这有可能吗?
Answers:
Font Awesome在我的android应用中似乎对我来说工作正常。我做了以下事情:
fontawesome-webfont.ttf
到我的资产文件夹中在strings.xml中为每个图标创建了一个条目。例如:
<string name="icon_heart"></string>
在我的xml布局视图中引用了所说的条目:
<Button
android:id="@+id/like"
style="?android:attr/buttonStyleSmall"
...
android:text="@string/icon_heart" />
将字体加载到我的onCreate方法中,并将其设置为适当的视图:
Typeface font = Typeface.createFromAsset( getAssets(), "fontawesome-webfont.ttf" );
...
Button button = (Button)findViewById( R.id.like );
button.setTypeface(font);
Hashtable
图标字体的方式,如此处建议的那样:code.google.com/p/android/issues/detail?
strings.xml
类似的方式声明字符串,<string name="faicon"></string>
然后在代码中设置文本,那就可以了。但是当我尝试时,mTextView.setText("");
它仅显示原始文本。任何人都可以帮忙吗?thks
试试IcoMoon:http://icomoon.io
假设您选择了播放图标,并为其分配了字母“ P”,然后将文件下载icomoon.ttf
到资产文件夹中。这是显示图标的方式:
xml:
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="48sp"
android:text="P" />
Java的
Typeface typeface = Typeface.createFromAsset(getAssets(), "icomoon.ttf");
textView.setTypeface(typeface);
我已经发表了有关制作漂亮的Android应用程序的演讲,其中包括有关使用图标字体的说明,以及添加渐变效果使图标更漂亮的方法:http : //www.sqisland.com/talks/beautiful-android
图标字体说明从幻灯片34开始:http : //www.sqisland.com/talks/beautiful-android/#34
也许为时已晚,但是我有同样的需求,所以我已经发布了这个https://github.com/liltof/font-awsome-for-android 这是android就绪的xml版本的字体,很棒,就像Keith Corwin所说的那样
希望它能帮助别人。
上面是一个很好的例子,效果很好:
Typeface font = Typeface.createFromAsset(getAssets(), "fontawesome-webfont.ttf" );
Button button = (Button)findViewById( R.id.like );
button.setTypeface(font);
但!>如果您通过xml设置了按钮内的字符串,这将起作用:
<string name="icon_heart"></string>
button.setText(getString(R.string.icon_heart));
如果您需要动态添加它,可以使用以下命令:
String iconHeart = "";
String valHexStr = iconHeart.replace("&#x", "").replace(";", "");
long valLong = Long.parseLong(valHexStr,16);
button.setText((char) valLong + "");
如果要编程的setText而不将字符串添加到string.xml
在此处查看其十六进制代码:
http://fortawesome.github.io/Font-Awesome/cheatsheet/
替换&#xf066; 至0xf066
Typeface typeface = Typeface.createFromAsset(getAssets(), "fontawesome-webfont.ttf");
textView.setTypeface(typeface);
textView.setText(new String(new char[]{0xf006 }));
dependencies {
compile 'com.shamanland:fonticon:0.1.9'
}
在Google Play上获取演示。
您可以在布局中轻松添加基于字体的图标:
<com.shamanland.fonticon.FontIconView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/ic_android"
android:textSize="@dimen/icon_size"
android:textColor="@color/icon_color"
/>
您可以Drawable
从xml 扩展font-icon :
<?xml version="1.0" encoding="utf-8"?>
<font-icon
xmlns:android="http://schemas.android.com/apk/res-auto"
android:text="@string/ic_android"
android:textSize="@dimen/big_icon_size"
android:textColor="@color/green_170"
/>
Java代码:
Drawable icon = FontIconDrawable.inflate(getResources(), R.xml.ic_android);
链接:
0.1.9
我在C#(Xamarin)中创建了此帮助器类,以编程方式设置了text属性。它对我来说效果很好:
internal static class FontAwesomeManager
{
private static readonly Typeface AwesomeFont = Typeface.CreateFromAsset(App.Application.Context.Assets, "FontAwesome.ttf");
private static readonly Dictionary<FontAwesomeIcon, string> IconMap = new Dictionary<FontAwesomeIcon, string>
{
{FontAwesomeIcon.Bars, "\uf0c9"},
{FontAwesomeIcon.Calendar, "\uf073"},
{FontAwesomeIcon.Child, "\uf1ae"},
{FontAwesomeIcon.Cog, "\uf013"},
{FontAwesomeIcon.Eye, "\uf06e"},
{FontAwesomeIcon.Filter, "\uf0b0"},
{FontAwesomeIcon.Link, "\uf0c1"},
{FontAwesomeIcon.ListOrderedList, "\uf0cb"},
{FontAwesomeIcon.PencilSquareOutline, "\uf044"},
{FontAwesomeIcon.Picture, "\uf03e"},
{FontAwesomeIcon.PlayCircleOutline, "\uf01d"},
{FontAwesomeIcon.SignOut, "\uf08b"},
{FontAwesomeIcon.Sliders, "\uf1de"}
};
public static void Awesomify(this TextView view, FontAwesomeIcon icon)
{
var iconString = IconMap[icon];
view.Text = iconString;
view.SetTypeface(AwesomeFont, TypefaceStyle.Normal);
}
}
enum FontAwesomeIcon
{
Bars,
Calendar,
Child,
Cog,
Eye,
Filter,
Link,
ListOrderedList,
PencilSquareOutline,
Picture,
PlayCircleOutline,
SignOut,
Sliders
}
我认为应该足够容易地转换为Java。希望它能对某人有所帮助!
我用于Font Awesome的库之一是:
https://github.com/Bearded-Hen/Android-Bootstrap
特别,
https://github.com/Bearded-Hen/Android-Bootstrap/wiki/Font-Awesome-Text
该文档很容易理解。
首先,在build.gradle中添加所需的依赖项:
dependencies {
compile 'com.beardedhen:androidbootstrap:1.2.3'
}
其次,您可以在XML中添加它:
<com.beardedhen.androidbootstrap.FontAwesomeText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
fontawesometext:fa_icon="fa-github"
android:layout_margin="10dp"
android:textSize="32sp"
/>
但是如果要使用上面的代码示例,请确保将其添加到根目录中:
xmlns:fontawesometext="http://schemas.android.com/apk/res-auto"
FontView库可让您在应用程序中使用普通/ Unicode字体字符作为图标/图形。它可以通过资产或网络位置加载字体。
该库的好处是:
1 - it takes care of remote resources for you
2 - scales the font size in dynamically sized views
3 - allows the font to easily be styled.
https://github.com/shellum/fontView
例:
Layout:
<com.finalhack.fontview.FontView
android:id="@+id/someActionIcon"
android:layout_width="80dp"
android:layout_height="80dp" />
Java:
fontView.setupFont("fonts/font.ttf", character, FontView.ImageType.CIRCLE);
fontView.addForegroundColor(Color.RED);
fontView.addBackgroundColor(Color.WHITE);
还有另一个不错的解决方案,您可以直接在布局xml文件中使用它,而无需使用setTypeface
。
这是琼·扎帕塔(Joan Zapata)的Iconify。您可以在此处阅读Iconify v2的新增功能。它包括9种不同的字体库,您可以通过将依赖项添加到build.gradle文件中来简单地使用它们。
在布局xml文件中,可以在以下窗口小部件之间进行选择:
com.joanzapata.iconify.widget.IconTextview
com.joanzapata.iconify.widget.IconButton
com.joanzapata.iconify.widget.IconToggleButton
最初创建资产文件夹并复制fontawesome图标(.ttf)如何创建资产文件夹?
应用->右键单击->新建->文件夹->资产文件夹
下一步下载如何下载.ttf文件? 单击此处->,然后在下载解压缩并打开Web字体后单击下载按钮。最后选择真实文本样式(ttf)粘贴资产文件夹。
如何在android中设计xml和java文件?
app-> res->值string.xml
resources
string name="calander_font" > <string
resources
此示例使用一种更多Unicode字体,请点击此处
Activity_main.xml
<TextView
android:layout_width="30dp"
android:layout_height="30dp"
android:id="@+id/calander_view"/>
MainActivity.java
calander_tv = (TextView)findViewById(R.id.calander_view);
Typeface typeface = Typeface.createFromAsset(getAssets(),"/fonts/fa-solid-900.ttf");
calander_tv.setTypeface(typeface);
calander_tv.setText(R.string.calander_font);
输出:
我参加聚会有点晚了,但是我写了一个自定义视图,让您执行此操作,默认情况下将其设置为entypo,但是您可以将其修改为使用任何iconfont:在此处查看:github.com/MarsVard/IconView
//编辑该库是旧的,不再受支持...此处是新库https://github.com/MarsVard/IonIconView
如果只需要一些字体真棒图标,则还可以使用http://fa2png.io生成普通像素图像。但是,如果您定期添加新的图标/按钮,我建议您使用.ttf版本,因为它更加灵活。
由于所有的答案都是伟大的,但我不想使用图书馆和每个解决方案只用一行java代码让我Activities
和Fragments
很凌乱。因此,我将TextView
类编写如下:
public class FontAwesomeTextView extends TextView {
private static final String TAG = "TextViewFontAwesome";
public FontAwesomeTextView(Context context) {
super(context);
init();
}
public FontAwesomeTextView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public FontAwesomeTextView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public FontAwesomeTextView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
init();
}
private void setCustomFont(Context ctx, AttributeSet attrs) {
TypedArray a = ctx.obtainStyledAttributes(attrs, R.styleable.TextViewPlus);
String customFont = a.getString(R.styleable.TextViewPlus_customFont);
setCustomFont(ctx, customFont);
a.recycle();
}
private void init() {
if (!isInEditMode()) {
Typeface tf = Typeface.createFromAsset(getContext().getAssets(), "fontawesome-webfont.ttf");
setTypeface(tf);
}
}
public boolean setCustomFont(Context ctx, String asset) {
Typeface typeface = null;
try {
typeface = Typeface.createFromAsset(ctx.getAssets(), asset);
} catch (Exception e) {
Log.e(TAG, "Unable to load typeface: "+e.getMessage());
return false;
}
setTypeface(typeface);
return true;
}
}
您应该做的是将字体ttf
文件复制到assets
文件夹中,并使用该备忘单查找每个图标字符串。
希望这可以帮助。