のフォントを変更する方法TextView
、デフォルトではArialとして表示されますか?それをどのように変更しHelvetica
ますか?
のフォントを変更する方法TextView
、デフォルトではArialとして表示されますか?それをどのように変更しHelvetica
ますか?
回答:
まず、デフォルトはArialではありません。デフォルトはDroid Sansです。
次に、別の組み込みフォントに変更するにはandroid:typeface
、レイアウトXMLまたはsetTypeface()
Java で使用します。
3番目に、AndroidにはHelveticaフォントがありません。組み込みの選択肢は、Droid Sans(sans
)、Droid Sans Mono(monospace
)、およびDroid Serif(serif
)です。独自のフォントをアプリケーションにバンドルして経由setTypeface()
で使用することもできますが、フォントファイルはサイズが大きく、場合によってはライセンス契約が必要です(例:Helvetica、Linotypeフォント)。
編集
Android設計言語は、スケール、スペース、リズム、基になるグリッドとの位置合わせなど、従来の活版印刷ツールに依存しています。ユーザーが情報の画面をすばやく理解するには、これらのツールを適切に展開することが不可欠です。このようなタイポグラフィの使用をサポートするために、Ice Cream Sandwichは、UIと高解像度画面の要件に特化して作成されたRobotoという名前の新しいタイプファミリーを導入しました。
現在のTextViewフレームワークはRobotoを薄く、軽く、規則的で太字のウェイトで、各ウェイトのイタリックスタイルとともに提供しています。フレームワークでは、Roboto Condensedバリアントも通常の太字の太字で、各太字の斜体スタイルとともに提供されます。
ICS後、アンドロイドRobotoフォントスタイル、読むより多く含まれてRobotoを
編集2
Support Library 26の登場により、Androidはデフォルトでカスタムフォントをサポートするようになりました。新しいフォントをres / fontsに挿入できます。これは、XMLまたはプログラムで個別にTextViewに設定できます。アプリケーション全体のデフォルトフォントは、styles.xmlを定義して変更することもできます。Android開発者向けドキュメントには、これに関する明確なガイドがあります。
まず、.ttf
必要なフォントのファイルをダウンロードします(arial.ttf
)。それを assets
フォルダーに入れます。(assetsフォルダー内でfontsという名前の新しいフォルダーを作成し、その中に配置します。)次のコードを使用して、フォントをに適用しますTextView
。
Typeface type = Typeface.createFromAsset(getAssets(),"fonts/arial.ttf");
textView.setTypeface(type);
src/main/assets/fonts/
。
すべてのフォントを含む静的クラスを作成したい場合があります。これにより、フォントを複数回作成することがなくなり、パフォーマンスに悪影響を及ぼす可能性があります。「assets」フォルダの下に「fonts」というサブフォルダを作成してください。
次のようなことをしてください:
public class CustomFontsLoader {
public static final int FONT_NAME_1 = 0;
public static final int FONT_NAME_2 = 1;
public static final int FONT_NAME_3 = 2;
private static final int NUM_OF_CUSTOM_FONTS = 3;
private static boolean fontsLoaded = false;
private static Typeface[] fonts = new Typeface[3];
private static String[] fontPath = {
"fonts/FONT_NAME_1.ttf",
"fonts/FONT_NAME_2.ttf",
"fonts/FONT_NAME_3.ttf"
};
/**
* Returns a loaded custom font based on it's identifier.
*
* @param context - the current context
* @param fontIdentifier = the identifier of the requested font
*
* @return Typeface object of the requested font.
*/
public static Typeface getTypeface(Context context, int fontIdentifier) {
if (!fontsLoaded) {
loadFonts(context);
}
return fonts[fontIdentifier];
}
private static void loadFonts(Context context) {
for (int i = 0; i < NUM_OF_CUSTOM_FONTS; i++) {
fonts[i] = Typeface.createFromAsset(context.getAssets(), fontPath[i]);
}
fontsLoaded = true;
}
}
このようにして、アプリケーションのどこからでもフォントを取得できます。
TextViewPlus.java:
public class TextViewPlus extends TextView {
private static final String TAG = "TextView";
public TextViewPlus(Context context) {
super(context);
}
public TextViewPlus(Context context, AttributeSet attrs) {
super(context, attrs);
setCustomFont(context, attrs);
}
public TextViewPlus(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
setCustomFont(context, attrs);
}
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();
}
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;
}
}
attrs.xml:(res / valuesを配置する場所)
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="TextViewPlus">
<attr name="customFont" format="string"/>
</declare-styleable>
</resources>
使い方:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:foo="http://schemas.android.com/apk/res-auto"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<com.mypackage.TextViewPlus
android:id="@+id/textViewPlus1"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:text="@string/showingOffTheNewTypeface"
foo:customFont="my_font_name_regular.otf">
</com.mypackage.TextViewPlus>
</LinearLayout>
これがお役に立てば幸いです。
上記の答えは正しいです。そのコードを使用している場合は、「assets」フォルダーの下に「fonts」というサブフォルダーを作成してください。
フォント作成を統合する別の方法...
public class Font {
public static final Font PROXIMA_NOVA = new Font("ProximaNovaRegular.otf");
public static final Font FRANKLIN_GOTHIC = new Font("FranklinGothicURWBoo.ttf");
private final String assetName;
private volatile Typeface typeface;
private Font(String assetName) {
this.assetName = assetName;
}
public void apply(Context context, TextView textView) {
if (typeface == null) {
synchronized (this) {
if (typeface == null) {
typeface = Typeface.createFromAsset(context.getAssets(), assetName);
}
}
}
textView.setTypeface(typeface);
}
}
そして、あなたの活動で使用する...
myTextView = (TextView) findViewById(R.id.myTextView);
Font.PROXIMA_NOVA.apply(this, myTextView);
ちなみに、揮発性フィールドを使用したこのダブルチェックのロックイディオムは、Java 1.5以降で使用されるメモリモデルでのみ正しく機能します。
手順1:フォントファイルを追加する
たとえば、フォントファイルがR.font.helvetica_neueを生成するhelvetica_neue.ttfになる場合
ステップ2:フォントファミリーを作成する
例えば:
<?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/helvetica_neue" />
</font-family>
ステップ3:使用する
XMLレイアウトの場合:
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/my_font"/>
または、スタイルにフォントを追加します。
<style name="customfontstyle" parent="@android:style/TextAppearance.Small">
<item name="android:fontFamily">@font/lobster</item>
</style>
より多くの例については、ドキュメントに従うことができます:
少し古いですが、CustomFontLoaderクラスを少し改善しました。役立つように共有したいと思いました。このコードで新しいクラスを作成するだけです。
import android.content.Context;
import android.graphics.Typeface;
public enum FontLoader {
ARIAL("arial"),
TIMES("times"),
VERDANA("verdana"),
TREBUCHET("trbuchet"),
GEORGIA("georgia"),
GENEVA("geneva"),
SANS("sans"),
COURIER("courier"),
TAHOMA("tahoma"),
LUCIDA("lucida");
private final String name;
private Typeface typeFace;
private FontLoader(final String name) {
this.name = name;
typeFace=null;
}
public static Typeface getTypeFace(Context context,String name){
try {
FontLoader item=FontLoader.valueOf(name.toUpperCase(Locale.getDefault()));
if(item.typeFace==null){
item.typeFace=Typeface.createFromAsset(context.getAssets(), "fonts/"+item.name+".ttf");
}
return item.typeFace;
} catch (Exception e) {
return null;
}
}
public static Typeface getTypeFace(Context context,int id){
FontLoader myArray[]= FontLoader.values();
if(!(id<myArray.length)){
return null;
}
try {
if(myArray[id].typeFace==null){
myArray[id].typeFace=Typeface.createFromAsset(context.getAssets(), "fonts/"+myArray[id].name+".ttf");
}
return myArray[id].typeFace;
}catch (Exception e) {
return null;
}
}
public static Typeface getTypeFaceByName(Context context,String name){
for(FontLoader item: FontLoader.values()){
if(name.equalsIgnoreCase(item.name)){
if(item.typeFace==null){
try{
item.typeFace=Typeface.createFromAsset(context.getAssets(), "fonts/"+item.name+".ttf");
}catch (Exception e) {
return null;
}
}
return item.typeFace;
}
}
return null;
}
public static void loadAllFonts(Context context){
for(FontLoader item: FontLoader.values()){
if(item.typeFace==null){
try{
item.typeFace=Typeface.createFromAsset(context.getAssets(), "fonts/"+item.name+".ttf");
}catch (Exception e) {
item.typeFace=null;
}
}
}
}
}
次に、このコードをtextviewで使用します。
Typeface typeFace=FontLoader.getTypeFace(context,"arial");
if(typeFace!=null) myTextView.setTypeface(typeFace);
私はこれについて非常に簡単な解決策を得ました。
これらのサポートライブラリをアプリレベルのGradleで使用します。
compile 'com.android.support:appcompat-v7:26.0.2'
compile 'com.android.support:support-v4:26.0.2'
次に、resフォルダー内に「font」という名前のディレクトリを作成します
その後、このフォントをこのようにxmlから参照します
<Button
android:id="@+id/btn_choose_employee"
android:layout_width="140dp"
android:layout_height="40dp"
android:layout_centerInParent="true"
android:background="@drawable/rounded_red_btn"
android:onClick="btnEmployeeClickedAction"
android:text="@string/searching_jobs"
android:textAllCaps="false"
android:textColor="@color/white"
android:fontFamily="@font/times_new_roman_test"
/>
この例では、times_new_roman_testは、そのフォントディレクトリにあるフォントttfファイルです。
import java.lang.ref.WeakReference;
import java.util.HashMap;
import android.content.Context;
import android.graphics.Typeface;
public class FontsManager {
private static FontsManager instance;
private static HashMap<String, WeakReference<Typeface>> typefaces = new HashMap<String, WeakReference<Typeface>>();
private static Context context;
private FontsManager(final Context ctx) {
if (context == null) {
context = ctx;
}
}
public static FontsManager getInstance(final Context appContext) {
if (instance == null) {
instance = new FontsManager(appContext);
}
return instance;
}
public static FontsManager getInstance() {
if (instance == null) {
throw new RuntimeException(
"Call getInstance(Context context) at least once to init the singleton properly");
}
return instance;
}
public Typeface getFont(final String assetName) {
final WeakReference<Typeface> tfReference = typefaces.get(assetName);
if (tfReference == null || tfReference.get() == null) {
final Typeface tf = Typeface.createFromAsset(context.getResources().getAssets(),
assetName);
typefaces.put(assetName, new WeakReference<Typeface>(tf));
return tf;
}
return tfReference.get();
}
}
このようにして、TextViewを継承し、そのコンストラクターでsetTypefaceを呼び出すビューを作成できます。
フォントが内部に保存されているres/asset/fonts/Helvetica.ttf
場合は、以下を使用します。
Typeface tf = Typeface.createFromAsset(getAssets(),"fonts/Helvetica.ttf");
txt.setTypeface(tf);
または、フォントファイルが内部に保存されているres/font/helvetica.ttf
場合は、以下を使用します。
Typeface tf = ResourcesCompat.getFont(this,R.font.helvetica);
txt.setTypeface(tf);
アセットからフォントを取得し、すべての子に設定する
public static void overrideFonts(final Context context, final View v) {
try {
if (v instanceof ViewGroup) {
ViewGroup vg = (ViewGroup) v;
for (int i = 0; i < vg.getChildCount(); i++) {
View child = vg.getChildAt(i);
overrideFonts(context, child);
}
} else if (v instanceof TextView ) {
((TextView) v).setTypeface(Typeface.createFromAsset(context.getAssets(),"DroidNaskh.ttf"));// "BKOODB.TTF"));
}
} catch (Exception e) {
}
}
public class FontTextView extends TextView {
String fonts[] = {"HelveticaNeue.ttf", "HelveticaNeueLight.ttf", "motschcc.ttf", "symbol.ttf"};
public FontTextView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init(attrs);
}
public FontTextView(Context context, AttributeSet attrs) {
super(context, attrs);
if (!isInEditMode()) {
init(attrs);
}
}
public FontTextView(Context context) {
super(context);
if (!isInEditMode()) {
init(null);
}
}
private void init(AttributeSet attrs) {
if (attrs != null) {
TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.FontTextView);
if (a.getString(R.styleable.FontTextView_font_type) != null) {
String fontName = fonts[Integer.valueOf(a.getString(R.styleable.FontTextView_font_type))];
if (fontName != null) {
Typeface myTypeface = Typeface.createFromAsset(getContext().getAssets(), "font/" + fontName);
setTypeface(myTypeface);
}
a.recycle();
}
}
}
}
attrs.xmlに追加します。数値は配列クラスの順序でなければなりません。
<declare-styleable name="FontTextView">
<attr name="font_type" format="enum">
<enum name="HelveticaNeue" value="0"/>
<enum name="HelveticaNeueLight" value="1"/>
<enum name="motschcc" value="2"/>
<enum name="symbol" value="3"/>
</attr>
AndroidはRobotoフォントを使用します。これは、見栄えの良いフォントであり、高密度画面で見栄えがよくなるいくつかの異なるウェイト(通常、軽量、薄型、圧縮)を備えています。
robotoフォントを確認するには、以下のリンクを確認してください:
質問に戻り、アプリのすべてのTextView / Buttonのフォントを変更する場合は、roboto -lightフォントを使用するように以下のコードをstyles.xmlに追加してみてください。
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
......
<item name="android:buttonStyle">@style/MyButton</item>
<item name="android:textViewStyle">@style/MyTextView</item>
</style>
<style name="MyButton" parent="@style/Widget.AppCompat.Button">
<item name="android:textAllCaps">false</item>
<item name="android:fontFamily">sans-serif-light</item>
</style>
<style name="MyTextView" parent="@style/TextAppearance.AppCompat">
<item name="android:fontFamily">sans-serif-light</item>
</style>
AndroidManifest.xmlで「AppTheme」を使用することを忘れないでください
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
......
</application>
多分少し簡単なもの:
public class Fonts {
public static HashSet<String,Typeface> fonts = new HashSet<>();
public static Typeface get(Context context, String file) {
if (! fonts.contains(file)) {
synchronized (this) {
Typeface typeface = Typeface.createFromAsset(context.getAssets(), name);
fonts.put(name, typeface);
}
}
return fonts.get(file);
}
}
// Usage
Typeface myFont = Fonts.get("arial.ttf");
(このコードはテストされていませんが、一般にこのアプローチはうまく機能するはずです。)