如何在 Android 中建立 TextView 中的多種樣式?
本示例演示如何在 android 中建立 TextView 中的多重形式。
步驟 1 − 在 Android Studio 中建立新專案,轉到 File ⇒ New Project 填寫所有必需的詳情來建立一個新專案。
步驟 2 − 將以下程式碼新增到 res/layout/activity_main.xml。
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <TextView android:layout_above="@id/textView2" android:layout_marginBottom="16dp" android:id="@+id/textView1" android:textSize="16dp" android:padding="4dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true"/> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="16dp" android:padding="4dp" android:layout_centerInParent="true"/> <TextView android:layout_below="@id/textView2" android:layout_marginTop="16dp" android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="16dp" android:padding="4dp"/> </RelativeLayout>
步驟 3 − 將以下程式碼新增到 src/MainActivity.java
import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.text.Html; import android.text.Spanned; import android.widget.TextView; public class MainActivity extends AppCompatActivity { TextView textView1, textView2, textView3; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); textView1 = findViewById(R.id.textView1); textView2 = findViewById(R.id.textView2); textView1.setText(Html.fromHtml("Multiple style inside android textView: bold text: " + "<b>bold text</b>, italic text: <i>italic text</i>, small font: <small>small " + "text</small>, " + "font color: <font color=\"blue\">Text Color</font>, " + "font color with bold text: <fontcolor=\"green\"><b>Bold with font " + "color</b></font>")); Spanned text = Html.fromHtml("Multiple style inside android textView: bold text: " + "<b>bold text</b>, " + "italic text: <i>italic text</i>, small font: <small>small text</small>, font " + "color: <font color=\"blue\">Text Color</font>, " + "font color with bold text: <fontcolor=\"green\"><b>Bold with font " + "color</b></font>"); textView2.setText(text); textView3 = findViewById(R.id.textView3); textView3.setText(Html.fromHtml(getString(R.string.textStyle))); } }
步驟 4 − 開啟 res/values/strings.xml,新增以下程式碼 −
<resources> <string name="app_name">Sample</string> <string name="textStyle"> <![CDATA[ Multiple style inside android textView: bold text: <b>bold text</b>, italicText text: <i>italic text</i>, small font: <small>small text</small>, font color: <font color="blue"<Text Color</font<, font color with bold text: <font color="green"><b>Bold with font color</b></font> ]]> </string> </resources>
步驟 5 − 將以下程式碼新增到 androidManifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="app.com.sample"> <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"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
我們嘗試執行你的應用程式。我假設你已經將你的 Android 移動裝置與計算機連線。從 Android Studio 執行應用程式,開啟你的專案中的一個活動檔案,並單擊 工具欄中的圖示。選擇你的移動裝置作為選項,然後檢視你的移動裝置將顯示你的預設螢幕 −
點選 此處 下載專案程式碼。
廣告