Toolbar的使用

来源:互联网 发布:php软件公司源码 编辑:程序博客网 时间:2024/06/06 00:54

如果只是简单的显示标题两个按钮图标,用自定义布局方便些,但Toolbar的功能更强,且也可以定制。Android支持库Toolbar类实现Activity的应用栏(能够在运行API级别7和以上的设备提供Material Design体验)---参考官方技术文https://developer.android.com/training/appbar/index.html

  • 1. 让相应Activity继承AppcompatActivity,并设置一下
<application android:theme="@style/Theme.AppCompat.Light.NoActioBar"/>

  • 2.在布局中添加Toolbar
<android.support.v7.widget.Toolbarandroid:id="+id/my_toolbar"android:layout_width="match_parent"android:layout_height="?attr/actionBarSize"android:backgroud="?attr/colorPrimary"android:elevation="4dp"android:theme="@style/ThemeOverlay.AppCompat.ActionBar"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

  • 3. 在onCreate函数添加以下
protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);   Toolbar myToolbar = (Toolbar) findViewById(R.id.my_toolbar);     toolbar.setTitle("我的日记");         setSupportActionBar(myToolbar);    }

  • 4.在res/menu文件夹下创建菜单文件

<?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"><itemandroid:id="@+id/action_search"android:icon="@mipmap/ic_launcher"android:title="搜索"app:showAsAction="ifRoom"/><itemandroid:id="@+id/action_submit"android:icon="@mipmap/ic_launcher"android:title="提交"app:showAsAction="ifRoom"/><itemandroid:id="@+id/action_delete"android:icon="@mipmap/ic_launcher"android:title="删除"app:showAsAction="never"/></menu>

· 5. 菜单点击事件

@Overridepublic booleanonCreateOptionsMenu(Menu menu) {MenuInflatermenuInflater=getMenuInflater();menuInflater.inflate(R.menu.toolbar,menu);return true;}@Overridepublic booleanonOptionsItemSelected(MenuItem item) {switch (item.getItemId()){case R.id.action_delete:Toast.makeText(this,"删除",Toast.LENGTH_SHORT).show();return true;case R.id.action_search:Toast.makeText(this,"搜索",Toast.LENGTH_SHORT).show();return true;case R.id.action_submit:Toast.makeText(this,"提交",Toast.LENGTH_SHORT).show();return true;default:returnsuper.onOptionsItemSelected(item);}}

  • 效果图

  • Toolbar定制

直接在标签里添加布局(图标点击水印和沉浸状态栏另外实现)

<?xml version="1.0" encoding="utf-8"?><RelativeLayoutxmlns: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:background="@color/white"android:clipToPadding="false"android:fitsSystemWindows="true"tools:context="com.example.thinkpad.inspection.MainActivity"><android.support.v7.widget.Toolbarandroid:id="@+id/tb_title"android:layout_width="match_parent"android:layout_height="56dp"android:background="@color/colorPrimary"android:elevation="4dp" android:theme="@style/ThemeOverlay.AppCompat.ActionBar"app:contentInsetLeft="0dp"app:contentInsetStart="0dp"app:popupTheme="@style/ThemeOverlay.AppCompat.Light"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:paddingLeft="25dp"android:paddingRight="25dp"><ImageViewandroid:id="@+id/iv_back"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_centerVertical="true"android:src="@mipmap/ic_arrow_back_black_24dp" /><TextViewandroid:id="@+id/tv_title"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:text="我的日记"android:textSize="18sp"android:textColor="@color/black"/><ImageViewandroid:id="@+id/iv_next"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_centerVertical="true"android:src="@mipmap/ic_done_black_24dp"/></RelativeLayout></android.support.v7.widget.Toolbar></RelativeLayout>

· 效果图


 
原创粉丝点击