ToolBar的使用
来源:互联网 发布:房地产 知乎 编辑:程序博客网 时间:2024/06/06 14:23
第一种:依旧使用menu,当时在toolbar布局中,使用ActionMenuView。第二种:直接在actionbar里编写标签。
ActionMenuView是什么东西,是我在想能不能有类似menu一样的xml标签,如果有,就可以用gravity控制他在父视图的位置了嘛,没想到敲了menu,伟大的Android studio就提示出了这个标签。后来百度了一下;发现了一篇文章。
链接:http://blog.csdn.net/u011277123/article/details/53330850
文章大概是说ActionMenuView可以讲menu打包变成view视图。
步骤1:定义menu文件。
类似这样:在res新建menu文件夹并创建menu的xml
PS:图片可以右键你相应的module 创建 Image Asset,这也是我今天才发现的android stuido 的伟大之处。
<?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/name"
android:icon="@drawable/ic_bar_person"
app:showAsAction="ifRoom"
android:title="person" />
<item android:id="@+id/music"
android:icon="@drawable/ic_bar_music"
android:title="music"
app:showAsAction="ifRoom"/>
<item android:id="@+id/search"
android:icon="@drawable/ic_bar_search"
android:title="search"
app:showAsAction="ifRoom"/>
</menu>
步骤二:定义好你的toolbar和ActionMenuView
类似这样:
PS:app属性为自定义的空间,toolbar一些属性要用自定义空间设置(title,subtitle,navigationicon等)当然也可以在代码设置。在ActionMenuView里的layout_gravity,我定义了center,让在menu里的item居中
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<android.support.v7.widget.Toolbar
android:id="@+id/mytoolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:navigationIcon="@drawable/ic_bar_menu"
android:background="?attr/colorPrimary">
<android.support.v7.widget.ActionMenuView
android:id="@+id/actionMV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity = "center">
</android.support.v7.widget.ActionMenuView>
</android.support.v7.widget.Toolbar>
</FrameLayout>
步骤三:初始化ActionMenuView,并且将menu载入
public class mToolbarActivity extends AppCompatActivity {
private Toolbar mtoolbar;
private ActionMenuView mAcitionMenuView;
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu , mAcitionMenuView.getMenu()); //将menu关联
return super.onCreateOptionsMenu(menu);
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.toolbar_layout);
mtoolbar = (Toolbar) findViewById(R.id.mytoolbar);
setSupportActionBar(mtoolbar);
getSupportActionBar().setDisplayShowTitleEnabled(false);
mAcitionMenuView = (ActionMenuView) findViewById(R.id.actionMV);
}
}
运行结果如图:
blob.png
ps:其实我只是将我查到的那篇文章详细的操作一遍而已。
缺点:个人感觉这个ActionMenuView只能将一组的item位置自定义,如果这个时候我想在最右边加多个图标怎么办?在开多个menu?明显很麻烦,所以这里我发现了第二种方法。
方法二:在toolbar里编写视图标签。
原理:在官网可以明显看到toolbar是继承ViewGroup,当然可以包含自视图啦。
blob.png
于是乎:就不用那么麻烦了,直接添加图标,即可,并且为其设上layout_gravity属性
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<android.support.v7.widget.Toolbar
android:id="@+id/mytoolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:navigationIcon="@drawable/ic_bar_menu"
android:background="?attr/colorPrimary">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity = "center">
<ImageView
android:id="@+id/music"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_bar_music" />
<ImageView
android:id="@+id/person"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_bar_person"
android:layout_marginLeft="30dp"/>
</LinearLayout>
<ImageView
android:id="@+id/search"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_bar_search"
android:layout_gravity = "right"/>
</android.support.v7.widget.Toolbar>
</FrameLayout>
结果:
blob.png
ps:在设置toolbar的时候即便不设置title,或者将title设为"",title也会自动显示,挡住我们的图标,因此我们需要在代码设置隐藏标题:
宁波口唇项目http://www.biopls.net/Plastic/list-16-1.shtml
getSupportActionBar().setDisplayShowTitleEnabled(false);
ActionMenuView是什么东西,是我在想能不能有类似menu一样的xml标签,如果有,就可以用gravity控制他在父视图的位置了嘛,没想到敲了menu,伟大的Android studio就提示出了这个标签。后来百度了一下;发现了一篇文章。
链接:http://blog.csdn.net/u011277123/article/details/53330850
文章大概是说ActionMenuView可以讲menu打包变成view视图。
步骤1:定义menu文件。
类似这样:在res新建menu文件夹并创建menu的xml
PS:图片可以右键你相应的module 创建 Image Asset,这也是我今天才发现的android stuido 的伟大之处。
<?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/name"
android:icon="@drawable/ic_bar_person"
app:showAsAction="ifRoom"
android:title="person" />
<item android:id="@+id/music"
android:icon="@drawable/ic_bar_music"
android:title="music"
app:showAsAction="ifRoom"/>
<item android:id="@+id/search"
android:icon="@drawable/ic_bar_search"
android:title="search"
app:showAsAction="ifRoom"/>
</menu>
步骤二:定义好你的toolbar和ActionMenuView
类似这样:
PS:app属性为自定义的空间,toolbar一些属性要用自定义空间设置(title,subtitle,navigationicon等)当然也可以在代码设置。在ActionMenuView里的layout_gravity,我定义了center,让在menu里的item居中
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<android.support.v7.widget.Toolbar
android:id="@+id/mytoolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:navigationIcon="@drawable/ic_bar_menu"
android:background="?attr/colorPrimary">
<android.support.v7.widget.ActionMenuView
android:id="@+id/actionMV"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity = "center">
</android.support.v7.widget.ActionMenuView>
</android.support.v7.widget.Toolbar>
</FrameLayout>
步骤三:初始化ActionMenuView,并且将menu载入
public class mToolbarActivity extends AppCompatActivity {
private Toolbar mtoolbar;
private ActionMenuView mAcitionMenuView;
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu , mAcitionMenuView.getMenu()); //将menu关联
return super.onCreateOptionsMenu(menu);
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.toolbar_layout);
mtoolbar = (Toolbar) findViewById(R.id.mytoolbar);
setSupportActionBar(mtoolbar);
getSupportActionBar().setDisplayShowTitleEnabled(false);
mAcitionMenuView = (ActionMenuView) findViewById(R.id.actionMV);
}
}
运行结果如图:
blob.png
ps:其实我只是将我查到的那篇文章详细的操作一遍而已。
缺点:个人感觉这个ActionMenuView只能将一组的item位置自定义,如果这个时候我想在最右边加多个图标怎么办?在开多个menu?明显很麻烦,所以这里我发现了第二种方法。
方法二:在toolbar里编写视图标签。
原理:在官网可以明显看到toolbar是继承ViewGroup,当然可以包含自视图啦。
blob.png
于是乎:就不用那么麻烦了,直接添加图标,即可,并且为其设上layout_gravity属性
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<android.support.v7.widget.Toolbar
android:id="@+id/mytoolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:navigationIcon="@drawable/ic_bar_menu"
android:background="?attr/colorPrimary">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity = "center">
<ImageView
android:id="@+id/music"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_bar_music" />
<ImageView
android:id="@+id/person"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_bar_person"
android:layout_marginLeft="30dp"/>
</LinearLayout>
<ImageView
android:id="@+id/search"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_bar_search"
android:layout_gravity = "right"/>
</android.support.v7.widget.Toolbar>
</FrameLayout>
结果:
blob.png
ps:在设置toolbar的时候即便不设置title,或者将title设为"",title也会自动显示,挡住我们的图标,因此我们需要在代码设置隐藏标题:
宁波口唇项目http://www.biopls.net/Plastic/list-16-1.shtml
getSupportActionBar().setDisplayShowTitleEnabled(false);
阅读全文
0 0
- ToolBar控件的使用
- Toolbar的高级使用
- Android --Toolbar的使用
- ToolBar的使用
- android toolbar的使用
- ToolBar的使用
- toolbar的使用
- ToolBar的基本使用
- ToolBar的使用
- toolbar的使用
- ToolBar的简单使用
- ToolBar的使用
- Toolbar的使用.md
- ToolBar的使用
- Toolbar的使用总结
- ToolBar的基本使用
- Toolbar的使用详解
- ToolBar的使用
- 关于二维偏序的题
- 几种编码区别
- vs2012 error LNK2038 RuntimeLibrary 不匹配的解决
- HDU 1546 Idiomatic Phrases Game
- HttpClient学习整理
- ToolBar的使用
- Android实现简单的纸飞机操作(类似于漂流瓶)
- zeros and ones (找规律)
- docker 部署 shipyard
- APK瘦身
- C++语言概述
- AngularJs2 http 与SpringMVC后台交互传参问题
- Unable to execute dex: Multiple dex files define Lcom/loopj/android/http/AsyncHttpClient$1
- 方法