当我创建选项菜单时，项目似乎默认使用本地的“sans”字体。当我查看商业应用程序时，它们大多数似乎也是这样做的。是否可以为选项菜单项目设置字体大小、颜色、粗细或字体？
提前感谢。
如何为选项菜单设置字体？
35
- Peter Nelson
1
尝试了类似的东西，但没有太大的成功。这里有一个阅读链接：http://developer.android.com/guide/topics/ui/menus.html#options-menu。建议不要干扰提供的默认信息。但是可以创建一个视图来进行自定义。 - sathish_at_madison
7个回答
65
您可以自定义选项菜单，包括：
这一切都可以通过以下程序来完成：
添加自定义字体
更改字体大小
更改字体颜色
将背景设置为可绘制资源（例如图像、边框、渐变）
res中创建名为drawable的资源文件夹，并在其中创建边框XML或渐变XML。这一切都可以通过以下程序来完成：
public class CustomMenu extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
}
public boolean onCreateOptionsMenu(android.view.Menu menu) {
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.cool_menu, menu);
getLayoutInflater().setFactory(new Factory() {
public View onCreateView(String name, Context context,
AttributeSet attrs) {
if (name.equalsIgnoreCase(
"com.android.internal.view.menu.IconMenuItemView")) {
try {
LayoutInflater li = LayoutInflater.from(context);
final View view = li.createView(name, null, attrs);
new Handler().post(new Runnable() {
public void run() {
// set the background drawable if you want that
//or keep it default -- either an image, border
//gradient, drawable, etc.
view.setBackgroundResource(R.drawable.myimage);
((TextView) view).setTextSize(20);
// set the text color
Typeface face = Typeface.createFromAsset(
getAssets(),"OldeEnglish.ttf");
((TextView) view).setTypeface(face);
((TextView) view).setTextColor(Color.RED);
}
});
return view;
} catch (InflateException e) {
//Handle any inflation exception here
} catch (ClassNotFoundException e) {
//Handle any ClassNotFoundException here
}
}
return null;
}
});
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.AboutUs:
Intent i = new Intent("com.test.demo.ABOUT");
startActivity(i);
break;
case R.id.preferences:
Intent p = new Intent("com.test.demo.PREFS");
startActivity(p);
break;
case R.id.exit:
finish();
break;
}
return false;
}
}
不要忘记在res文件夹中创建名为menu的文件夹，在menu文件夹内创建一个菜单的XML文件（例如cool_menu.xml），如下所示：
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:title="about"android:id="@+id/AboutUs" />
<item android:title="Prefs" android:id="@+id/preferences" />
<item android:title="Exit" android:id="@+id/exit" />
</menu>
然后输出结果会类似于这样：
- Android Stack
14
2嗨，当我运行上面的代码（稍作修改，请参见以下注释）时，菜单项的外观仅在我第一次打开选项菜单时更改。如果我退出选项菜单（通过选择选项，按返回按钮或按菜单按钮），然后再次打开它，它的外观将恢复为默认外观。我该如何使修改持久化？我正在开发API级别为8的应用程序。 - Jelle Fresen
2@AndroidStack 很抱歉回复晚了。我更改了文本大小和文本颜色，导致选项菜单中的文本为红色且比通常大。第二次调用选项菜单时，文本又变成了白色并且是默认大小（不知道确切大小，但肯定小于20）。 - Jelle Fresen
24我尝试了，但无效，出现了以下异常：此 LayoutInflater 上已经设置了一个工厂。 - Javier Roberto
3我也一样 - "一个工厂已经在这个 LayoutInflater 上设置好了" - VikramV
1有人找到解决方案了吗？ - Name is Nilay
显示剩余9条评论
10
@Android Stack，当我看到你的回答时，我开始惊慌，以为我必须使用一个“工厂”。
我搜索了一下，发现可以为菜单项使用自定义视图。只需在菜单项上调用setActionView即可。
@Override
public boolean onCreateOptionsMenu(Menu menu) {
super.onCreateOptionsMenu(menu);
// Inflate the menu items for use in the action bar
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.my_menu, menu);
// Get the root inflator.
LayoutInflater baseInflater = (LayoutInflater)getBaseContext()
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
// Inflate your custom view.
View myCustomView = baseInflater.inflate(R.layout.my_custom_view, null);
menu.findItem(R.id.my_custom_menu_icon).setActionView(myCustomView);
// If myCustomView has additional children, you might have to inflate them separately here.
// In my case, I used buttons in my custom view, and registered onClick listeners at this point.
}
你的my_custom_view的实现可以是任何你想要的视图（尽管它可能需要一个LinearLayout作为根元素）。例如，你可以使用@R4j在他的答案中提出的TextView + ImageView布局。
在我的用例中，我只是把Button对象放入菜单中，然后依赖按钮的onButtonClick处理程序来响应事件 - 有效地绕过了处理菜单所在活动的需要。
（顺便说一句，这是一个很棒的问题。谢谢！）
- dsg
1
4我想补充一下这个答案，由于我们正在更改菜单视图，当用户点击菜单项时，onOptionsItemSelected回调将不会被调用，因此我们必须向customView添加一个onClickListner。 - Sherekan
8
测试过了，工作得很好 :)
@Override
public boolean onCreateOptionsMenu(Menu menu) {
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.menu_feedback_filter, menu);
for (int i = 0; i < menu.size(); i++) {
MenuItem mi = menu.getItem(i);
//for aapplying a font to subMenu ...
SubMenu subMenu = mi.getSubMenu();
if (subMenu != null && subMenu.size() > 0) {
for (int j = 0; j < subMenu.size(); j++) {
MenuItem subMenuItem = subMenu.getItem(j);
applyFontToMenuItem(subMenuItem, typeface);
}
}
//the method we have create in activity
applyFontToMenuItem(mi, typeface);
}
return super.onCreateOptionsMenu(menu);
}
private void applyFontToMenuItem(MenuItem mi, Typeface font) {
SpannableString mNewTitle = new SpannableString(mi.getTitle());
mNewTitle.setSpan(new CustomTypefaceSpan("", font), 0, mNewTitle.length(), Spannable.SPAN_INCLUSIVE_INCLUSIVE);
mi.setTitle(mNewTitle);
}
自定义 span 类
import android.graphics.Paint;
import android.graphics.Typeface;
import android.text.TextPaint;
import android.text.style.TypefaceSpan;
public class CustomTypefaceSpan extends TypefaceSpan {
private final Typeface newType;
public CustomTypefaceSpan(String family, Typeface type) {
super(family);
newType = type;
}
@Override
public void updateDrawState(TextPaint ds) {
applyCustomTypeFace(ds, newType);
}
@Override
public void updateMeasureState(TextPaint paint) {
applyCustomTypeFace(paint, newType);
}
private static void applyCustomTypeFace(Paint paint, Typeface tf) {
int oldStyle;
Typeface old = paint.getTypeface();
if (old == null) {
oldStyle = 0;
} else {
oldStyle = old.getStyle();
}
int fake = oldStyle & ~tf.getStyle();
if ((fake & Typeface.BOLD) != 0) {
paint.setFakeBoldText(true);
}
if ((fake & Typeface.ITALIC) != 0) {
paint.setTextSkewX(-0.25f);
}
paint.setTypeface(tf);
}
}
- akhilesh0707
1
它适用于溢出菜单，但不适用于操作菜单。我有什么遗漏吗？ - DalveerSinghDaiya
4
不使用XML资源文件来创建菜单，而是通过menu.add方法在代码中动态创建，并使用new SpannableString()方法来设置自定义字体。
以下是在Android 4.x上的示例：
@Override
public void onCreateContextMenu(ContextMenu menu, View v,
ContextMenu.ContextMenuInfo menuInfo) {
...
menu.add(Menu.NONE,1234,1,wrapInSpan(getResources().getString(R.string.item_title)))
.setTitleCondensed(getResources().getString(R.string.item_title));
...
}
private CharSequence wrapInSpan(CharSequence value) {
SpannableStringBuilder sb = new SpannableStringBuilder(value);
sb.setSpan(MY_TYPEFACE, 0, value.length(), 0);
return sb;
}
setTitleCondensed(...)是为了解决Android API中的一个bug而必需的：当选择菜单项时，事件被记录并使用titleCondensed来写入日志。如果未定义titleCondensed，则使用title，并且每当格式化要记录的字符串时，EventLog.writeEvent就会崩溃。
因此，在consendedTitle中传递一个非格式化的CharSequence可以解决这个问题。
- HarikrishnanVH
1
当菜单保持为showAsAction="always"时，这不起作用。有人能用这段代码解决这个问题吗？ - Name is Nilay
3
以上答案对我都没有用。我通过以下解决方案实现了目标：
public boolean onPrepareOptionsMenu(Menu menu)
{
MenuItem item = menu.findItem(R.id.menu_name);
item.setTitle(someTextToDisplayOnMenu);
SpannableString spanString = new SpannableString(item.getTitle().toString());
spanString.setSpan(new TextAppearanceSpan(context,android.R.style.TextAppearance_Medium), 0,spanString.length(), 0);
spanString.setSpan(new ForegroundColorSpan(Color.WHITE), 0, spanString.length(), 0); //fix the color to white
item.setTitle(spanString);
return true;
}
- LoveForDroid
1
我认为Android并不支持选项菜单的定制。但你可以尝试另一种方式：http://www.codeproject.com/Articles/173121/Android-Menus-My-Way
通过这种方式，实际上菜单项是文本视图和图片视图，所以你可以轻松地改变字体、颜色等...
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_gravity="center"
android:padding="4dip"
android:clickable="true"
android:background="@drawable/custom_menu_selector">
<ImageView
android:id="@+id/custom_menu_item_icon"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:paddingBottom="2dip"
android:paddingTop="2dip"/>
<TextView
android:id="@+id/custom_menu_item_caption"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#ffffff"
android:textSize="12sp"
android:gravity="center"/>
- ductran
1
我找到的唯一解决方案是创建一个自定义对话框，当您按下菜单按钮时会出现。
布局将如下所示：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="wrap_content">
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Mi cuenta"
android:id="@+id/buttonMyAccount" />
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Ayuda"
android:id="@+id/buttonHelp" />
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Contacto"
android:id="@+id/buttonContact" />
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Acerca de"
android:id="@+id/buttonAbout" />
</LinearLayout>
接着，从Activity类中，在'OnOptionsItemSelected'方法中，我编写以下代码：
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.action_settings:
Dialog dialog = new Dialog(this);
dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
dialog.setContentView(R.layout.options_menu);
dialog.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));
dialog.show();
Button buttonMyAccount = (Button) dialog.findViewById(R.id.buttonMyAccount);
Typeface font = Typeface.createFromAsset(this.getAssets(), "SamsungIF_Rg.ttf");
buttonMyAccount.setTypeface(font);
buttonMyAccount.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent itMyAccount = new Intent(getBaseContext(), AccountActivity.class);
startActivity(itMyAccount);
}
});
Button buttonHelp = (Button) dialog.findViewById(R.id.buttonHelp);
buttonHelp.setTypeface(font);
buttonHelp.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent itAssistant = new Intent(getBaseContext(), AssistantPagerActivity.class);
startActivity(itAssistant);
}
});
Button buttonContact = (Button) dialog.findViewById(R.id.buttonContact);
buttonContact.setTypeface(font);
buttonContact.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent itContact = new Intent(getBaseContext(), ContactActivity.class);
startActivity(itContact);
}
});
Button buttonAbout = (Button) dialog.findViewById(R.id.buttonAbout);
buttonAbout.setTypeface(font);
buttonAbout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent itAbout = new Intent(getBaseContext(), AboutActivity.class);
startActivity(itAbout);
}
});
Window window = dialog.getWindow();
WindowManager.LayoutParams wlp = window.getAttributes();
wlp.gravity = Gravity.RIGHT | Gravity.TOP;
wlp.y = getSupportActionBar().getHeight();
wlp.width = 300;
wlp.flags &= ~WindowManager.LayoutParams.FLAG_DIM_BEHIND;
window.setAttributes(wlp);
return true;
default:
return super.onOptionsItemSelected(item);
}
}
- Javier Roberto
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接