在android的操作栏中,在标题左侧添加图标
我想在操作栏标题左侧添加一个可单击的图标/按钮。怎么做? 下面是我在操作栏中添加搜索和设置图标的代码。它们出现在右边。但我想在标题左侧添加一个新图标。怎么做? XML:在android的操作栏中,在标题左侧添加图标,android,menu,Android,Menu,我想在操作栏标题左侧添加一个可单击的图标/按钮。怎么做? 下面是我在操作栏中添加搜索和设置图标的代码。它们出现在右边。但我想在标题左侧添加一个新图标。怎么做? XML: 您可以使用以下代码在左侧显示一个图标 getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_HOME | ActionBar.DISPLAY_SHOW_TITLE | ActionBar.DISPLAY_HOME_AS_UP | ActionBar.DIS
您可以使用以下代码在左侧显示一个图标
getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_HOME |
ActionBar.DISPLAY_SHOW_TITLE | ActionBar.DISPLAY_HOME_AS_UP | ActionBar.DISPLAY_USE_LOGO);
actionBar.setIcon(R.drawable.ic_launcher);
但它不会被点击。要在左侧创建一个可单击的图标,您需要使用工具栏而不是操作栏。由于这是Android的更新时代,您必须使用工具栏,以便可以借助xml进行任何类型的自定义。我建议不要使用菜单,而是使用工具栏
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="#ffffa302"
android:minHeight="@android:dimen/notification_large_icon_height">
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageButton"
android:layout_gravity="left"
android:drawable="@drawable/pinterest_pin"
android:clickable="true"/>
</android.support.v7.widget.Toolbar>
通过代码,您可以处理事件。一件事是,默认情况下,标题和应用程序图标设置在左侧,而不是图标发送到右侧。如果要将图标添加到左侧,有一种方法可以将其添加到左侧,即: 步骤1。创建一个自定义布局,其中包含搜索、设置图标和标题 第2步。创建工具栏布局,如:
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:titleTextColor="#ffffff"
android:background="#ECA539"
app:layout_collapseMode="pin"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
您可以执行以下操作: 1-创建文件_name.xml,然后添加
工具栏
2-在工具栏
的标记中添加RelativeLayout
3-添加视图,即(ImageButton
,TextView
,…)
注意:您要添加的文本视图
是工具栏
的标题
示例代码:文件名.xml
我总是喜欢放置一个AppBarLayout,我可以控制工具栏的显示方式
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbarAddPlan"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:layout_marginLeft="50dp"
app:popupTheme="@style/AppTheme.PopupOverlay" >
</android.support.v7.widget.Toolbar>
<ImageButton
android:id="@+id/btnAddPlanTourClose"
style="@style/Widget.AppCompat.Button.Borderless"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_centerVertical="true"
android:src="@drawable/close_circle_outline" />
</RelativeLayout>
</android.support.design.widget.AppBarLayout>
菜单XML布局src/Menu/Menu\u add\u plan\u tour.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">
<!-- "Mark Favorite", should appear as action button if possible -->
<item
android:id="@+id/menuPlanTourSave"
android:title="@string/btnSave"
android:tooltipText="@string/btnSave"
android:contentDescription="@string/btnSave"
app:showAsAction="always|withText">
<TextView
android:text="@string/btnSave"
android:textSize="15dp"
android:textColor="@color/colorPrimaryLight"
/>
</item>
</menu>
不要忘记使用SetHasOptions菜单(true)启用菜单。您可以按以下方式替换默认导航图标(和原因按钮)
使用XML中的工具栏定义常用UI:
<?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.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.Toolbar
android:id="@id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"/>
</android.support.design.widget.AppBarLayout>
<!-- Here goes your UI -->
</LinearLayout>
OnOptions ItemSelected方法中的Handle back导航按钮:
@Override
public boolean onOptionsItemSelected(MenuItem menuItem) {
if (menuItem.getItemId() == android.R.id.home) {
// Do whatever you want
return true;
}
return super.onOptionsItemSelected(menuItem);
}
科特林也是如此
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
setSupportActionBar(toolbar)
supportActionBar?.setDisplayHomeAsUpEnabled(true) // Important step, we enable button on the left side of the toolbar
toolbar.navigationIcon = getDrawable(R.drawable.custom_icon) // Here we change default navigation button icon
}
override fun onOptionsItemSelected(item: MenuItem): Boolean {
return when (item.itemId) {
android.R.id.home -> {
doSomething() // Here we can perform any action
true
}
else -> super.onOptionsItemSelected(item)
}
}
private fun doSomething() {
Toast.makeText(this, "Hello", Toast.LENGTH_LONG).show()
}
}
结果:
推荐方式
getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_settings_24dp);// set drawable icon
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
句柄图标单击事件
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case android.R.id.home:
Toast.makeText(this, "click..!!", Toast.LENGTH_SHORT).show();
return true;
default:
return super.onOptionsItemSelected(item);
}
}
我希望我的酒吧有标题,左边有一个可点击的图标,右边有两个图标。我是android新手。你能告诉我如何用工具栏实现这一点吗?阅读这些博客,将有助于你清楚地了解最佳解决方案。。我试了好几种。。这是最好的。我正在使用你的解决方案AppBarLayout@Muhamoud谢谢你的回答。文件_name.xml是否需要位于特定的位置?它是否需要是菜单布局文件?它是否需要以某种方式膨胀?谢谢修复错误:android:id=“@id/toolbar”->android:id=“@+id/toolbar”您是否也可以查看此线程:
<?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">
<!-- "Mark Favorite", should appear as action button if possible -->
<item
android:id="@+id/menuPlanTourSave"
android:title="@string/btnSave"
android:tooltipText="@string/btnSave"
android:contentDescription="@string/btnSave"
app:showAsAction="always|withText">
<TextView
android:text="@string/btnSave"
android:textSize="15dp"
android:textColor="@color/colorPrimaryLight"
/>
</item>
</menu>
<?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.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.Toolbar
android:id="@id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"/>
</android.support.design.widget.AppBarLayout>
<!-- Here goes your UI -->
</LinearLayout>
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_menu);
Toolbar toolbar = findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true); // Make toolbar show navigation button (i.e back button with arrow icon)
toolbar.setNavigationIcon(R.drawable.custom_icon); // Replace arrow icon with our custom icon
}
@Override
public boolean onOptionsItemSelected(MenuItem menuItem) {
if (menuItem.getItemId() == android.R.id.home) {
// Do whatever you want
return true;
}
return super.onOptionsItemSelected(menuItem);
}
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
setSupportActionBar(toolbar)
supportActionBar?.setDisplayHomeAsUpEnabled(true) // Important step, we enable button on the left side of the toolbar
toolbar.navigationIcon = getDrawable(R.drawable.custom_icon) // Here we change default navigation button icon
}
override fun onOptionsItemSelected(item: MenuItem): Boolean {
return when (item.itemId) {
android.R.id.home -> {
doSomething() // Here we can perform any action
true
}
else -> super.onOptionsItemSelected(item)
}
}
private fun doSomething() {
Toast.makeText(this, "Hello", Toast.LENGTH_LONG).show()
}
}
getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_settings_24dp);// set drawable icon
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case android.R.id.home:
Toast.makeText(this, "click..!!", Toast.LENGTH_SHORT).show();
return true;
default:
return super.onOptionsItemSelected(item);
}
}