Android中的标题栏

1、标题栏的历史
这里写图片描述

2、标题栏的显示和隐藏
这里写图片描述

3、使用Toolbar

Theme设置为NoActionBar
Layout界面中添加Toolbar
代码中调用setSupportActionBar(Toolbar)

代码布局

       <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay"/>
Toolbar toolbar = (Toolbar)findViewById(R.id.toolbar);
    private void setToolbar(Toolbar toolbar) {
        setSupportActionBar(toolbar);
        toolbar.setTitle("主标题");
        toolbar.setSubtitle("副标题");
        toolbar.setLogo(R.drawable.logo);
        toolbar.inflateMenu(R.menu.action_menu);
        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                return false;
            }
        });
    }

4、ActionBar的介绍和使用
这里写图片描述
(1)显示Logo
这里写图片描述
在Theme.AppCompat情况下显示的代码

        ActionBar actionBar = getSupportActionBar();
        actionBar.setLogo(R.drawable.logo);
        actionBar.setDisplayShowHomeEnabled(true);
        actionBar.setDisplayUseLogoEnabled(true);
        actionBar.setSubtitle("副标题");

(2)显示标题
这里写图片描述

(3)添加按钮
示例代码

public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.action_menu, menu);
        return super.onCreateOptionsMenu(menu);
}

布局代码:

<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/search_icon"
        android:icon="@drawable/actionbar_search_dark_icon"
        android:title="@string/search"
        app:actionViewClass="android.support.v7.widget.SearchView"
        app:showAsAction="ifRoom|collapseActionView">
    </item>

    <item
        android:id="@+id/plus"
        android:icon="@drawable/actionbar_plus_icon_normal"
        android:title="@string/more"
        app:actionProviderClass="android.support.v7.widget.ShareActionProvider"
        app:showAsAction="always">
    </item>

    <item
        android:id="@+id/more"
        android:icon="@drawable/actionbar_plus_icon_normal"
        android:title="@string/more"
        app:actionProviderClass="com.netease.study.ui.title.PlusProvider"
        app:showAsAction="always">
    </item>
</menu>

(4)showAsAction的显示规则

    always永远显示ActionBar中,如果空间不够则无法显示
    ifRoom表示有空间的时候显示在ActionBar中,否在显示在overflow中
    never一直显示在overflow

(5)Action按钮的响应

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        switch (item.getItemId()){

            case android.R.id.home:

                break;
        }
        return super.onOptionsItemSelected(item);
    }

(6)ActionView

xml文件

app:actionViewClass="android.support.v7.widget.SearchView"

代码设置

SearchView searchView = (SearchView) MenuItemCompat.getActionView(search);
        //设置点击事件
        MenuItemCompat.setOnActionExpandListener(search, new MenuItemCompat.OnActionExpandListener() {
            @Override
            public boolean onMenuItemActionExpand(MenuItem item) {
                return false;
            }

            @Override
            public boolean onMenuItemActionCollapse(MenuItem item) {
                return false;
            }
        });

(7)ActionProvider
xml文件

app:actionProviderClass="android.support.v7.widget.ShareActionProvider"
MenuItem item = menu.findItem(R.id.plus);
ShareActionProvider provider = (ShareActionProvider) MenuItemCompat.getActionProvider(item);
provider.setShareIntent(getShareIntent());
public Intent getShareIntent() {
    Intent intent = new Intent(Intent.ACTION_SEND);
    intent.setType("image/*");
    return intent;
}

(8)开启页面导航

getSupportActionBar().setDisplayHomeAsUpEnabled(true)

这里写图片描述

 public boolean onOptionsItemSelected(MenuItem item) {

        switch (item.getItemId()){
            //统一返回同一个页面
            case android.R.id.home:
                Intent upIntent = NavUtils.getParentActivityIntent(this);
                if(upIntent!=null){
                    upIntent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
                    NavUtils.navigateUpTo(this,upIntent);
                }else{
                    finish();
                }
                break;
         }
}

(9)ActionMode
弹出一个Menu

        open.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View v) {
                ActionBarActivity.this.startActionMode(new ActionMode.Callback() {
                    @Override
                    public boolean onCreateActionMode(ActionMode mode, Menu menu) {
                        mode.getMenuInflater().inflate(R.menu.action_menu1, menu);
                        return true;
                    }

                    @Override
                    public boolean onPrepareActionMode(ActionMode mode, Menu menu) {
                        return false;
                    }

                    @Override
                    public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
                        return false;
                    }

                    @Override
                    public void onDestroyActionMode(ActionMode mode) {

                    }
                });
                return true;
            }
        });


小技巧:
tools:showIn :在当前编写界面就可以看到效果
tools:text :在当前预览界面可以看到效果,编译后不存在

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.netease.study.ui.title.CustomTitleActivity">

    <include layout="@layout/title_layout1"></include>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="内容"/>


</LinearLayout>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:background="@color/color_FA5864"
                tools:showIn="@layout/activity_custom_title"
                android:layout_height="56dp">
    <ImageView
        android:id="@+id/back_icon"
        android:layout_width="wrap_content"
        android:layout_centerVertical="true"
        android:src="@drawable/actionbar_white_back_icon"
        android:layout_height="wrap_content"/>

    <TextView
        android:layout_toRightOf="@id/back_icon"
        android:layout_width="wrap_content"
        tools:text="答一答"
        android:textSize="16sp"
        android:textColor="@color/white"
        android:layout_centerVertical="true"
        android:layout_height="wrap_content"/>

    <ImageView
        android:layout_alignParentRight="true"
        android:layout_width="wrap_content"
        android:src="@drawable/person_center"
        android:layout_centerVertical="true"
        android:padding="18dp"
        android:layout_height="wrap_content"/>

</RelativeLayout>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值