在Android Studio XML的预览部分显示自定义字体或视图 [英] Showing custom font or View in preview section of Android Studio XML

问题描述

是否可以在Android Studio的预览部分中查看自定义字体/视图?

我已使用真棒字体作为自定义字体在我的应用中显示麦克风图标.一切正常.但是众所周知，预览部分无法加载自定义视图.

I have used font-awesome as a custom typeface to show microphone icon in my app. Everything is working fine. But as we all know the preview section cannot load custom views.

在编码时是否有插件或hack可以在预览窗口中查看自定义视图?

这是我正在我的应用程序中加载的内容:

这是我在预览部分看到的内容:

推荐答案

可以在Android Studio XML设计器中显示FontAwesome图标.

To make FontAwesome icons visible in Android Studio XML designer you can.

1. 创建自定义视图
2. 在构造函数中应用字体
3. 如果要从xml设置字体，请添加自定义属性

此处是要点的完整演示代码

使用注释中的代码演示img:

Demo img with code from comment:

重要部分:(与使用XML声明自定义android用户界面元素几乎相同，但调整很小)

Important parts: (pretty much the same as Declaring a custom android UI element using XML but with small tuning)

TextViewWithFont.java -自定义视图类

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.widget.TextView;

public class TextViewWithFont extends TextView {

    public TextViewWithFont(Context context) {
        super(context);
        init(context, null, 0);
    }
    public TextViewWithFont(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs, 0);
    }
    public TextViewWithFont(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(context, attrs, defStyle);
    }
    private void init(Context context, AttributeSet attrs, int defStyle) {
        // Load attributes
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.TextViewPlusFont, 0, 0);
        try {
            String fontInAssets = ta.getString(R.styleable.TextViewPlusFont_customFont);
            setTypeface(Typefaces.get(context, "fonts/"+ fontInAssets));
        } finally {
            ta.recycle();
        }
    }
}

res/values/attrs.xml -需要在我们的布局xml中使用app:customFont="fontawesome-webfont.ttf".

res/values/attrs.xml - Need this to use app:customFont="fontawesome-webfont.ttf"in our layout xml.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="TextViewPlusFont">
        <attr name="customFont" format="string"/>
    </declare-styleable>
</resources>

Typefaces.java -重用字体的帮助程序类(字体缓存)

Typefaces.java - Helper class to reuse fonts (Cache for fonts)

import android.content.Context;
import android.graphics.Typeface;
import android.util.Log;
import java.util.Hashtable;

public class Typefaces {
    private static final String TAG = "Typefaces";

    private static final Hashtable<String, Typeface> cache = new Hashtable<String, Typeface>();

    public static Typeface get(Context c, String assetPath) {
        synchronized (cache) {
            if (!cache.containsKey(assetPath)) {
                try {
                    Typeface t = Typeface.createFromAsset(c.getAssets(),
                            assetPath);
                    cache.put(assetPath, t);
                    Log.e(TAG, "Loaded '" + assetPath);
                } catch (Exception e) {
                    Log.e(TAG, "Could not get typeface '" + assetPath
                            + "' because " + e.getMessage());
                    return null;
                }
            }
            return cache.get(assetPath);
        }
    }
}

activity_main.xml -布局以及如何使用TextViewWithFont自定义视图

activity_main.xml - Layout and how to use TextViewWithFont custom view

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <com.example.TextViewWithFont
        xmlns:app="http://schemas.android.com/apk/res/com.example"
        app:customFont="fontawesome-webfont.ttf"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="\uf1e2"
        android:textSize="60dp"/>
</LinearLayout>

这篇关于在Android Studio XML的预览部分显示自定义字体或视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！