简单高效的实现Android App全局字体替换
lizhiyu11
7年前
<p>Android O推出了一项新的功能「 <strong>Fonts in XML</strong> 」，借助这项功能，我们能够像使用其他资源文件一样使用字体，比较方便地实现App全局字体的替换。</p> <p>为了能够在API 14或者以上的设备上使用Fonts in XML特性，我们需要使用到Support Library 26。更多的内容可以参考「使用Support Library」小节。</p> <p>在Android Studio中按照如下步骤将字体作为资源文件添加至工程：</p> <ol> <li> <p>右键单击项目的 app / res 文件夹，然后选择 New > Android resource directory 。</p> </li> <li>打开下拉菜单并选择 font ，输入 font 作为File name，点击 OK 。</li> </ol> <p>注意名称字体资源文件夹的名称必须为font</p> <p><img src="https://simg.open-open.com/show/4e2a9f10e637e30ecca531a7c502fee5.jpg"></p> <ol start="3"> <li> <p>将字体文件拖放到新的 res / font 文件夹中。Android O支持 .otf（OpenType） 和 .ttf（TrueType） 两种格式的字体文件。</p> <p><img src="https://simg.open-open.com/show/3fd427b19d96521d2ad6d68687ead5a2.jpg"></p> </li> <li> <p>双击字体文件可以在编辑器中对字体进行预览。</p> <p><img src="https://simg.open-open.com/show/9aff465125246a5c50d38a8cc845f019.jpg"></p> </li> </ol> <h3>创建Font family</h3> <p>在Android Studio中创建Font family的步骤如下：</p> <ol> <li> <p>右键单击项目的 res / font 文件夹，然后选择 New > Font resource file 。</p> </li> <li> <p>输入文件名，然后点击 OK .</p> </li> <li> <p>打开此XML文件并定义该字体的所有不同版本，以及其样式和权重属性，例如：</p> <pre> <code class="language-xml"><?xml version="1.0" encoding="utf-8"?> <font-family xmlns:android="http://schemas.android.com/apk/res/android"> <font android:fontStyle="normal" android:fontWeight="400" android:font="@font/lobster_regular" /> <font android:fontStyle="italic" android:fontWeight="400" android:font="@font/lobster_italic" /> </font-family></code></pre> </li> </ol> <h3>在XML布局中使用字体资源</h3> <p>给TextView添加字体</p> <ul> <li> <p>在XML布局文件中，将fontFamily设置为你想要的访问的字体文件：</p> <pre> <code class="language-xml"><TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:fontFamily="@font/lobster"/></code></pre> </li> <li>打开 Properties 窗口，设置TextView的字体：</li> </ul> <ol> <li>选择一种视图打开 Properties 窗口</li> <li> <p>展开 textAppearance ，选择fontFamily表中的一种字体类型。</p> <p><img src="https://simg.open-open.com/show/323bc976fb8601b0c37424f3b5c2857e.jpg"></p> <p><img src="https://simg.open-open.com/show/c7d394cf197db04a234fbbf4a250faa9.jpg"></p> </li> </ol> <p>添加字体至style</p> <p>打开 style.xml 文件，将fontFamily属性设置为你想要访问的字体文件。</p> <pre> <code class="language-xml"><style name="customfontstyle" parent="@android:style/TextAppearance.Small"> <item name="android:fontFamily">@font/lobster</item> </style></code></pre> <p>在你的App的Theme中配置此属性即可实现整个App的字体替换。</p> <h3>使用代码控制字体</h3> <pre> <code class="language-xml">Typeface typeface = getResources().getFont(R.font.myfont); textView.setTypeface(typeface);</code></pre> <h3>使用Support Library</h3> <p>当我们通过 Support Library 实现 Fonts in XML 特性时，需要使用 <strong> app </strong> 命名空间。Support Library目前支持API 14及以上。</p> <p>在Android Support Library 26.0-beta1中，必须同时使用android和app命名空间进行声明，以确保在Android O版本及以下设备上字体能够被正确加载。</p> <pre> <code class="language-xml"><?xml version="1.0" encoding="utf-8"?> <font-family xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <font android:fontStyle="normal" android:fontWeight="400" android:font="@font/myfont-Regular" app:fontStyle="normal" app:fontWeight="400" app:font="@font/myfont-Regular"/> <font android:fontStyle="italic" android:fontWeight="400" android:font="@font/myfont-Italic" app:fontStyle="italic" app:fontWeight="400" app:font="@font/myfont-Italic" /> </font-family></code></pre> <p>通过代码控制：</p> <pre> <code class="language-xml">Typeface typeface = ResourcesCompat.getFont(context, R.font.myfont);</code></pre> <p>内容均来自Android Developer官网，做了简单的翻译，水平有限，还请见谅，原地址： https://developer.android.com/preview/features/fonts-in-xml.html</p> <p>参考: <a href="/misc/goto?guid=4959749706520197994" rel="nofollow,noindex">https://developer.android.com/preview/features/working-with-fonts.html</a></p> <p>更多内容:</p> <ol> <li> <p>油Tube - <a href="/misc/goto?guid=4959749706605856356" rel="nofollow,noindex">What's New in Android Support Library (Google I/O '17)</a></p> </li> <li> <p>Google Developers Blog - <a href="/misc/goto?guid=4959749706693949881" rel="nofollow,noindex">Android O Developer Preview 终于推出啦！</a></p> </li> <li>知乎 - <a href="/misc/goto?guid=4959749706776733735" rel="nofollow,noindex">Android如何高效率的替换整个APP的字体?</a></li> </ol> <p>另外，我在我的开源项目 <a href="/misc/goto?guid=4959749706852289260" rel="nofollow,noindex">TonnyL/PaperPlane</a> 中使用 Fonts in XML 实现了App的字体的整体替换。效果如下：</p> <p><img src="https://simg.open-open.com/show/ddc8e11b8c72c6549e3beaca8e027b10.jpg"></p> <p> </p> <p>来自：http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2017/0608/8049.html</p> <p> </p>