说明
基于上节课学习的Toolbar课程,依据网上资料学习了menu。主要是想到了现在wx,zfb等app界面Toolbar右侧都有下拉菜单
Option Menu 菜单
一、添加project中ActionBar的menu
1、app显示acitonbar:修改theme.xml
<style name="Theme.First"
parent="Theme.MaterialComponents.DayNight.DarkActionBar">
其中DarkActionBar 位置不能是NoActionBar
2、准备menu的xml文件:res/menu/menu_com.xml(名称自定义)
3、修改java文件:com.pha.first/MenuActivity.java
- 方法:onCreateOptionsMenu-- 增加菜单
- 方法:onOptionsItemSelected–菜单点击事件
二、添加自定义ToolBar的menu
1、app显示acitonbar:修改theme.xml
<style name="Theme.First"
parent="Theme.MaterialComponents.DayNight.NoActionBar">
不要显示ActionBar (应该是怕冲突吧)
2、准备menu的xml文件:res/menu/menu_com.xml(名称自定义)
3、准备layout文件:res/layout/activity_menu.xml
4、修改java文件:com.pha.first/MenuActivity.java
- 方法:onCreate-- actvity 初始化方法重添加
toolbar = findViewById(R.id.tb_menu_three);
//option menu需要应用语句 。如果是添加project的actionbar 则不需要
setSupportActionBar(toolbar);
- 方法:onCreateOptionsMenu-- 增加菜单(重写)
- 方法:onOptionsItemSelected–菜单点击事件(重写)
- 方法:setIconsVisible --主要是显示菜单的图标(名称自定义,在onCreateOptionsMenu引用就好)
ConText Menu 菜单
1、准备menu的xml文件:res/menu/menu_context.xml(名称自定义)
2、准备layout文件:res/layout/activity_menu.xml (我是在之前的layout学习开发的)
3、修改java文件:com.pha.first/MenuActivity.java
- 方法:onCreate-- actvity 初始化方法重添加
tv_menu_context = findViewById(R.id.tv_menu_context);
// context menu 注册
registerForContextMenu(tv_menu_context);
- 方法:onCreateContextMenu-- 增加菜单(重写)
- 方法:onContextItemSelected–菜单点击事件(重写)
Sub Menu 菜单
主要体现在res/menu/*.xml文件中。区别中又嵌套了一层
示例
1、theme.xml 就不分享了
2、res/menu/menu_com.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/menu_com_one"
android:title="search all"
android:orderInCategory="1"
android:icon="@drawable/ic_baseline_search_24"
app:showAsAction="always"
/>
<item
android:id="@+id/menu_com_two"
android:title="发起群聊"
android:orderInCategory="2"
android:icon="@drawable/ic_baseline_person_24"
app:showAsAction="collapseActionView"
/>
<item
android:id="@+id/menu_com_three"
android:title="添加朋友"
android:orderInCategory="3"
android:icon="@drawable/ic_baseline_lock_24"
app:showAsAction="collapseActionView"
/>
<item
android:id="@+id/menu_com_four"
android:title="扫一扫"
android:orderInCategory="3"
android:icon="@drawable/ic_baseline_lock_24"
app:showAsAction="collapseActionView"
>
<menu>
<item
android:id="@+id/menu_com_sub_one"
android:title="添加朋友sub1"
android:orderInCategory="1"
android:icon="@drawable/ic_baseline_lock_24"
app:showAsAction="collapseActionView"
/>
<item
android:id="@+id/menu_com_sub_two"
android:title="添加朋友sub2"
android:orderInCategory="2"
android:icon="@drawable/ic_baseline_lock_24"
app:showAsAction="collapseActionView"
/>
</menu>
</item>
</menu>
2、rres/menu/menu_context.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/menu_com_one"
android:title="青铜"
android:orderInCategory="1"
android:icon="@drawable/ic_baseline_search_24"
/>
<item
android:id="@+id/menu_com_two"
android:title="发起群聊"
android:orderInCategory="2"
android:icon="@drawable/ic_baseline_person_24"
/>
<item
android:id="@+id/menu_com_three"
android:title="铂金"
android:orderInCategory="3"
android:icon="@drawable/ic_baseline_lock_24"
/>
<item
android:id="@+id/menu_com_four"
android:title="黄金"
android:orderInCategory="4"
android:icon="@drawable/ic_baseline_lock_24"
/>
<item
android:id="@+id/menu_com_five"
android:title="钻石"
android:orderInCategory="5"
android:icon="@drawable/ic_baseline_lock_24"
/>
<item
android:id="@+id/menu_com_six"
android:title="星耀"
android:orderInCategory="6"
android:icon="@drawable/ic_baseline_lock_24"
/>
<item
android:id="@+id/menu_com_seven"
android:title="王者"
android:orderInCategory="7"
android:icon="@drawable/ic_baseline_lock_24">
<menu>
<item android:id="@+id/menu_com_neight"
android:title="最强王者"
android:orderInCategory="1"
android:icon="@drawable/ic_baseline_lock_24"
/>
<item android:id="@+id/menu_com_nine"
android:title="传奇王者"
android:orderInCategory="2"
android:icon="@drawable/ic_baseline_lock_24"
/>
<item android:id="@+id/menu_com_ten"
android:title="荣耀王者"
android:orderInCategory="3"
android:icon="@drawable/ic_baseline_lock_24"
/>
</menu>
</item>
</menu>
3、res/layout/activity_menu.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MenuActivity">
<androidx.appcompat.widget.Toolbar
android:id="@+id/tb_menu_three"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/lightgray"
app:navigationIcon="@drawable/ic_baseline_west_24"
>
<TextView
android:id="@+id/tv_toolbar_one"
android:text="掌上锦书"
android:textSize="30sp"
android:textColor="@color/red"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</androidx.appcompat.widget.Toolbar>
<TextView
android:id="@+id/tv_menu_context"
android:text="menu_context示例"
android:layout_width="250dp"
android:textAlignment="center"
android:textSize="30sp"
android:layout_height="50dp"
android:background="@color/yellow"
android:layout_gravity="center"
android:layout_marginTop="20px"
/>
</LinearLayout>
4、com.pha.first/MenuActivity.java
package com.pha.first;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import android.os.Bundle;
import android.util.Log;
import android.view.ContextMenu;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.widget.TextView;
import java.lang.reflect.Method;
public class MenuActivity extends AppCompatActivity {
private static final String TAG = "menu";
private Toolbar toolbar;
private TextView tv_menu_context;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_menu);
toolbar = findViewById(R.id.tb_menu_three);
tv_menu_context = findViewById(R.id.tv_menu_context);
//option menu需要应用语句 。如果是添加project的actionbar 则不需要
setSupportActionBar(toolbar);
// context menu 注册
registerForContextMenu(tv_menu_context);
// 导航图标事件,就是界面返回图标
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
public void onClick(View view) {
Log.e(TAG, "onClick: +点击了Toolbar");
}
});
}
/*---------------option menu -------------------*/
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu_com,menu);
setIconsVisible(menu,true);
return true;
}
@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()){
case R.id.menu_com_one:
Log.e(TAG, "onOptionsItemSelected: "+"搜索:menu_com_one");
break;
case R.id.menu_com_two:
Log.e(TAG, "onOptionsItemSelected: "+"发起群聊:menu_com_two");
break;
case R.id.menu_com_three:
Log.e(TAG, "onOptionsItemSelected: "+"添加朋友:menu_com_three");
break;
case R.id.menu_com_four:
Log.e(TAG, "onOptionsItemSelected: "+"扫一扫:menu_com_four");
break;
default:super.onOptionsItemSelected(item);
}
return true;
}
/**
* 解决不显示option menu icon的问题
*/
private void setIconsVisible(Menu menu, boolean flag) {
//判断menu是否为空
if (menu != null) {
try {
//如果不为空,就反射拿到menu的setOptionalIconsVisible方法
Method method = menu.getClass().getDeclaredMethod("setOptionalIconsVisible", Boolean.TYPE);
//暴力访问该方法
method.setAccessible(true);
//调用该方法显示icon
method.invoke(menu, flag);
} catch (Exception e) {
e.printStackTrace();
}
}
}
/*-------------------menu -context-------------------*/
@Override
public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
MenuInflater inflator = new MenuInflater(this);
inflator.inflate(R.menu.menu_context, menu);
super.onCreateContextMenu(menu, v, menuInfo);
setIconsVisible(menu,true);
}
@Override
public boolean onContextItemSelected(@NonNull MenuItem item) {
Log.e(TAG, "onContextItemSelected: "+item.getTitle());
return super.onContextItemSelected(item);
}
}
效果图
Toolbar 的menu
扫一扫的 二级菜单
context -menu效果
context-menu的王者 二级菜单
随意点击菜单的log.e记录
记忆知识点
1、自定义Toolbar 需要修改Theme.xml文件
2、 option menu需要应用语句 :
- setSupportActionBar(toolbar);
- 方法:onCreateOptionsMenu – 创建
- 方法:onOptionsItemSelected --菜单点击
- 方法:setIconsVisible --显示菜单图标(主要是方法内容,名称随意,调用就好)
3、 context menu 注册: - registerForContextMenu(tv_menu_context);
- 方法:onCreateContextMenu-- 增加菜单(重写)
- 方法:onContextItemSelected–菜单点击事件(重写)