如何在 Oreo 的自定义操作栏上添加 3 点溢出菜单?
How do I add 3 dot overflow menu on custom action bar for Oreo?
我想在我的自定义操作栏上添加溢出菜单。我知道,我可以添加新设置 activity 但这太令人困惑了,我想知道添加这些设置的确切代码。
我看过的帖子很少,但仅限于较旧的 SDK。因为我正在为我的操作栏使用自定义布局。请帮助我,以便代码可以适用于 Android 8.0 和低于该版本的 sdk。
我的代码如下:
HomescreenActivity.java:-
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_homescreen);
getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
getSupportActionBar().setCustomView(R.layout.abs_layout);
}
activity_homescreen.xml:-
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:background="@drawable/paper_planes_color_bg"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".HomescreenActivity">
<android.support.v7.widget.RecyclerView
android:layout_marginTop="15dp"
android:id="@+id/recy_category"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>
</RelativeLayout>
abs_layout.xml:-
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<android.support.v7.widget.AppCompatTextView
android:id="@+id/tvTitle"
style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:textColor="#FFFFFF" />
</LinearLayout>
custom_toolbar_layout :
在您的 activity 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"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:orientation="horizontal">
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="1"
android:text=""
android:textColor="@color/toolbar_color"
android:textSize="@dimen/_16sdp" />
<android.support.v7.widget.AppCompatImageView
android:id="@+id/iv_back_toolbar"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center"
android:padding="@dimen/_10sdp"
app:srcCompat="@drawable/ic_more_vert_black_24dp" />
</LinearLayout>
ic_more_vert_black_24dp :
您可以从 android 默认 矢量或图像资源 中获取 3 点图标。为此,右键单击 res > New > Vector Asset,然后从 Clipart 你可以得到这个图标:
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24.0"
android:viewportHeight="24.0">
<path
android:fillColor="#FF000000"
android:pathData="M12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,10c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2zM12,16c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2z"/>
只需覆盖“onCreateOptionsMenu()”方法,并通过“menu/your_menu_file.[=22=提及您的菜单]”,并处理菜单点击侦听器覆盖“onOptionsItemSelected”方法
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.settings, menu);
return true;
}
我想在我的自定义操作栏上添加溢出菜单。我知道,我可以添加新设置 activity 但这太令人困惑了,我想知道添加这些设置的确切代码。
我看过的帖子很少,但仅限于较旧的 SDK。因为我正在为我的操作栏使用自定义布局。请帮助我,以便代码可以适用于 Android 8.0 和低于该版本的 sdk。
我的代码如下:
HomescreenActivity.java:-
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_homescreen);
getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
getSupportActionBar().setCustomView(R.layout.abs_layout);
}
activity_homescreen.xml:-
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:background="@drawable/paper_planes_color_bg"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".HomescreenActivity">
<android.support.v7.widget.RecyclerView
android:layout_marginTop="15dp"
android:id="@+id/recy_category"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>
</RelativeLayout>
abs_layout.xml:-
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<android.support.v7.widget.AppCompatTextView
android:id="@+id/tvTitle"
style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:textColor="#FFFFFF" />
</LinearLayout>
custom_toolbar_layout :
在您的 activity 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"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:orientation="horizontal">
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="1"
android:text=""
android:textColor="@color/toolbar_color"
android:textSize="@dimen/_16sdp" />
<android.support.v7.widget.AppCompatImageView
android:id="@+id/iv_back_toolbar"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center"
android:padding="@dimen/_10sdp"
app:srcCompat="@drawable/ic_more_vert_black_24dp" />
</LinearLayout>
ic_more_vert_black_24dp :
您可以从 android 默认 矢量或图像资源 中获取 3 点图标。为此,右键单击 res > New > Vector Asset,然后从 Clipart 你可以得到这个图标:
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24.0"
android:viewportHeight="24.0">
<path
android:fillColor="#FF000000"
android:pathData="M12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,10c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2zM12,16c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2z"/>
只需覆盖“onCreateOptionsMenu()”方法,并通过“menu/your_menu_file.[=22=提及您的菜单]”,并处理菜单点击侦听器覆盖“onOptionsItemSelected”方法
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.settings, menu);
return true;
}