Hi dev, sedikit berbagi pengalaman konyol saat menyandang gelar the newbietol android developer. Cerita kali ini dimulai saat saya ingin mencoba mengubah ukuran title action bar, saya tidak tahu kalo ternyata itu berdampak juga terhadap text di menu item toolbar.
Singkat cerita saya, saya melakukan upaya-upaya kecil untuk memecahkan problem tersebut. Oke, sebagai gambaran berikut ruang lingkup kodenya.
Menu Item
android:id="@+id/try"
app:showAsAction="ifRoom"
android:title="0"
/>
Styles Xml
<style name="ActionBar.nameText" parent="TextAppearance.AppCompat.Widget.ActionBar.Title">
<item name="android:textSize">50sp</item>
<item name="android:textStyle">bold</item>
</style>
Toolbar
android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:elevation="4dp"
android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
android:titleTextAppearance="@style/ActionBar.nameText"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
/>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/header">
<Button
android:id="@+id/level_text"
android:background="@drawable/levelstar"
android:layout_width="50dp"
android:layout_height="50dp"
android:text="15"
android:textSize="15sp"
android:layout_centerHorizontal="true"/>
/>
</RelativeLayout>
Preview
Ada dua cara untuk dapat memecahkan masalah tersebut tergantung bagaimana hasil yang ingin dicapai, apakah secara fungional atau secara UI saja.
Solusi 1
Ciptakan custom stye yang dibuat khusus untuk popup menu. Style ini memungkinkan meng-alter / override parameter di menu items, berlaku untuk SEMUA menu items.
Style 1
<style name="MyMenu">
<item name="android:textSize">17sp</item> //size desired.
<item name="android:textColor">@color/colorAccent</item> //font color
<item name="android:background">#FFFFFF</item> //background
</style>
Terapkan style tersebut di toolbar Anda.
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/MyMenu" //Important line/>
Hasilnya,
Solusi 2
Anda dapat melakukannya secara programmatic untuk mengatur ukuran masing-masing menu item. Anda perlu menggunakan index setiap menu item sebagai referensi.
Munculkan dulu callback onCreateOptionsMenu, lalu terapkan kode berikut.
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
MenuItem item = menu.getItem(0); //here we are getting our menu item.
SpannableString s = new SpannableString(item.getTitle()); //get text from our menu item.
s.setSpan(new ForegroundColorSpan(Color.RED), 0, s.length(), 0); //here I am just setting a custom color to the menu item. leave this out if you want it left at black.
s.setSpan(new RelativeSizeSpan(.7f),0,s.length(),0); //here is where we are actually setting the size with a float (proportion).
item.setTitle(s); //Then just set the menu item to our SpannableString.
return true;
}
Hasilnya.
Beres!
