如何在Android中更改選單項的文字顏色?


此示例演示瞭如何在 Android 中更改選單項的文字顏色。

步驟 1 - 在 Android Studio 中建立一個新專案,轉到檔案 ⇒ 新建專案,並填寫所有必需的詳細資訊以建立新專案。

步驟 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"
   android:padding="16sp"
   tools:context=".MainActivity">
</RelativeLayout>

步驟 3 – 右鍵點選 res/drawable,建立任何向量資源(例如:ic_icon.xml)

步驟 4 – 右鍵點選 res,選擇新建 -> Android 資源目錄 – 選單。

步驟 5 – 右鍵點選 res/menu 並建立一個新的選單資原始檔,並在 res/menu/sample_menu.xml 中新增以下程式碼

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto">

   <item android:id="@+id/item1"
      android:icon="@drawable/ic_icon"
      android:title="Item 1"
      app:showAsAction="ifRoom"/>

   <item android:id="@+id/item2"
      android:title="Item 2"
      app:showAsAction="never"/>

   <item android:id="@+id/item3"
      android:title="Item 3"
      app:showAsAction="never"/>
     
   <item android:id="@+id/item4"
      android:title="Item 5"
      app:showAsAction="never"/>

   <item android:id="@+id/item5"
      android:title="Item 5"
      app:showAsAction="never"/>
</menu>

步驟 6 – 要更改選單項的文字顏色,請開啟 res/values/styles.xml 並新增以下程式碼

<resources>

   <!-- Base application theme. -->
   <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
   <!-- Customize your theme here. -->
      <item name="colorPrimary">@color/colorPrimary</item>
      <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
      <item name="colorAccent">@color/colorAccent</item>
      <item name="android:textColor">#ff000f</item>
   </style>

</resources>

步驟 7 - 將以下程式碼新增到 src/MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity{
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
   @Override
   public boolean onCreateOptionsMenu(Menu menu){
      MenuInflater inflater = getMenuInflater();
      inflater.inflate(R.menu.sample_menu, menu);
      return true;
   }
   @Override
   public boolean onOptionsItemSelected(MenuItem item){
      switch (item.getItemId()){
         case R.id.item1:
         Toast.makeText(this, "Item 1 is selected", Toast.LENGTH_SHORT).show();
         return true;
         case R.id.item2:
         Toast.makeText(this, "Item 2 is selected", Toast.LENGTH_SHORT).show();
         return true;
         case R.id.item3:
         Toast.makeText(this, "Item 3 is selected", Toast.LENGTH_SHORT).show();
         return true;
         case R.id.item4:
         Toast.makeText(this, "Item 4 is selected is selected", Toast.LENGTH_SHORT).show();
         return true;
         case R.id.item5:
         Toast.makeText(this, "Item 5 is selected", Toast.LENGTH_SHORT).show();
         return true;
         default: return super.onOptionsItemSelected(item);
      }
   }
}

步驟 8 - 將以下程式碼新增到 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 執行應用程式,請開啟您的一個專案活動檔案,然後點選執行播放圖示 工具欄中的圖示。選擇您的移動裝置作為選項,然後檢查您的移動裝置,它將顯示您的預設螢幕 -

更新於: 2020年7月1日

5K+ 次檢視

啟動你的 職業生涯

透過完成課程獲得認證

開始學習
廣告