android ToolBar + SearchView

最新项目中要用到 ToolBar +  SearchView实现一个标题栏,就花点时间看了一下,先贴效果



代码如下,基本思路就是menu代码加布局文件代码,看代码

这里主要是menu菜单文件的代码,注意这里引用的依赖库是support.v7的

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">


    <item
        android:id="@+id/search_view"


        android:icon="@drawable/ic_action_search"
        android:orderInCategory="80"
        android:title="搜索"
//注意:这里是引用的app属性  而不是android  下面的也是一样的
        app:actionViewClass="android.support.v7.widget.SearchView"
<span style="font-family: Arial, Helvetica, sans-serif;">//关于菜单的可见性属性,又需要可以自己找找资料,还是蛮简单的</span>
        app:showAsAction="ifRoom|collapseActionView" />


    <item
        android:id="@+id/refresh"
        android:orderInCategory="90"
        android:title="刷新"
        app:showAsAction="always"

        />

    <item
        android:id="@+id/share"
        android:orderInCategory="100"
        android:title="分享"
        app:showAsAction="ifRoom"

        />


</menu>
</pre><p></p><p></p><p></p>然后是布局文件代码,之所以要用布局文件代码,是因为个人觉得布局文件中的控件属性相对比较好控制,象文字大小颜色之类,而且动态更新控件中的内容也比较方便<p></p><p></p><p></p><pre code_snippet_id="1615676" snippet_file_name="blog_20160319_5_5054975" name="code" class="java"><?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context="custom.com.mytoolbar.MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:contentInsetLeft="0dp"
        android:contentInsetRight="20dp"
        android:background="?attr/colorPrimary">

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/title_back_checked_selector"
            android:gravity="center_vertical">

            <ImageView
                android:id="@+id/title_bg"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:src="@drawable/ic_launcher" />

            <TextView
                android:id="@+id/title_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/title_bg"
                android:gravity="center_vertical"
                android:text="这是自定义的title"
                android:layout_centerVertical="true"
                android:textColor="@android:color/black"
                android:textSize="14sp" />

        </RelativeLayout>


    </android.support.v7.widget.Toolbar>
</RelativeLayout>

最后是java代码

package custom.com.mytoolbar;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.Menu;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar bar = (Toolbar) findViewById(R.id.toolbar);
<span style="white-space:pre">	</span>//这里为了不让系统自带的标题显示出来,就手动设置为“”,哪位大神如果知道有什么别的好方法,请指点一二,多谢
        bar.setTitle("");
        setSupportActionBar(bar);
    }

    /**
     * 重写此方法  toolbar会加载menu文件中的item,否则不会加载其中的布局
     * @param menu
     * @return
     */
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main_menu, menu);
        return true;
    }


}
主要就是这样,Ok,,睡觉



猜你喜欢

转载自blog.csdn.net/lantiankongmo/article/details/50858713