時鍾textview的自定義字體

Question

我是android開發領域的新手，我想制作一個時鍾，使每一位時間都有自己的字體。 小時數字具有自己的字體，分鍾數字具有其自己的字體。 我怎樣才能做到這一點。 幫我。

Answer 1

假設您的字體名稱是DemoFont 。 創建一個擴展TextView 。 並初始化DemoFont的字體。

接下來，將該字體的.ttf文件放置在assets文件夾中。

public class DemoFont extends TextView {


    public DemoFont (Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    public DemoFont (Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public DemoFont (Context context) {
        super(context);
        init();
    }

    private void init() {
        Typeface tf = Typeface.createFromAsset(getContext().getAssets(),
                "demofont.ttf");
        setTypeface(tf);
    }

}

現在，您可以在布局文件中像這樣使用它。

<YOUR_PACKAGE_NAME.DemoFont
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

Answer 2

首先，您需要下載一個字體文件，該文件通常是.otf格式。 然后，您需要將此字體導入到android studio或eclipse項目中的assets文件夾中。 完成此操作后，您可以創建一個新的字體並將其設置為文本視圖。 就小時和分鍾數字使用不同的字體而言，您需要創建具有多個文本視圖的布局。 例如，您可以執行以下操作

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

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/hours_digit"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text=": "
    android:id="@+id/time_colon"
    android:layout_toEndOf="@id/hours_digit" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toEndOf="@id/time_colon"
    android:id="@+id/minutes_digit"/>

</RelativeLayout>

實現此目的的另一種方法是創建自己的自定義文本視圖，而不是每次都為文本視圖設置字體，以便在您每次使用字體時都將其應用。 例如，對於分鍾文本視圖，您可以執行以下操作：

public class MinutesTextView extends TextView {

// Constructor method for the text view...
public MinutesTextView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    init(attrs);
}

// Constructor method for the text view...
public MinutesTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(attrs);

}

// Constructor method for the text view...
public MinutesTextView(Context context) {
    super(context);
    init(null);
}

// Initializes any UI properties of the text view.
private void init(AttributeSet attrs) {
    Typeface myTypeface = Typeface.createFromAsset(getContext().getAssets(), "Minutes-font-file.otf");
    setTypeface(myTypeface);
}

}

和，使用之前的布局文件。

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

<com.example.yourpackage.MinutesTextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/hours_digit"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text=": "
    android:id="@+id/time_colon"
    android:layout_toEndOf="@id/hours_digit" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toEndOf="@id/time_colon"
    android:id="@+id/minutes_digit"/>

</RelativeLayout>

Answer 3

首先將字體復制到項目中的assets文件夾中。

對於小時Textview

public class HourTextView extends TextView {

public HourTextView(Context context) {
    super(context);
    init(null);
}

public HourTextView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
    init(attrs);
}

public HourTextView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init(attrs);
}

public HourTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(attrs);
}

// Initializes any UI properties of the text view.
private void init(AttributeSet attrs) {
    Typeface myTypeface = Typeface.createFromAsset(getContext().getAssets(), "Hour-font-file.otf");
    setTypeface(myTypeface);
}

}

對於分鍾Textview

public class MinuteTextView extends TextView {

public MinuteTextView(Context context) {
    super(context);
    init(null);
}

public MinuteTextView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
    init(attrs);
}

public MinuteTextView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init(attrs);
}

public MinuteTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(attrs);
}

// Initializes any UI properties of the text view.
private void init(AttributeSet attrs) {
    Typeface myTypeface = Typeface.createFromAsset(getContext().getAssets(), "Minute-font-file.otf");
    setTypeface(myTypeface);
}

}

秒鍾Textview

public class SecondTextView extends TextView {

public SecondTextView(Context context) {
    super(context);
    init(null);
}

public SecondTextView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
    init(attrs);
}

public SecondTextView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init(attrs);
}

public SecondTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(attrs);
}

// Initializes any UI properties of the text view.
private void init(AttributeSet attrs) {
    Typeface myTypeface = Typeface.createFromAsset(getContext().getAssets(), "Second-font-file.otf");
    setTypeface(myTypeface);
}

}

並在xml文件中執行此操作

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">

<com.yourpackage.HourTextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text="10"
    android:id="@+id/hourText" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text=" : " />

<com.yourpackage.MinuteTextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text="45 "
    android:id="@+id/minuteText" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text=" : " />

<com.yourpackage.SecondTextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text="28"
    android:id="@+id/secondsText" />

</LinearLayout>

Answer 4

public class MainActivity extends AppCompatActivity {

public TextView textView;
int countInt;
private int mInterval = 1000; // 1 second by default, can be changed later
private Handler mHandler;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    textView=(TextView)findViewById(R.id.textView);

    mHandler = new Handler();
    startRepeatingTask();
}

Runnable mStatusChecker = new Runnable() {
    @Override
    public void run() {
        try {
            countInt=countInt+1;
            textView.setText(String.valueOf(countInt));
        } finally {
            mHandler.postDelayed(mStatusChecker, mInterval);
        }
    }
};

void startRepeatingTask() {
    mStatusChecker.run();
}

void stopRepeatingTask() {
    mHandler.removeCallbacks(mStatusChecker);
}
}