最新项目中要用到 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,,睡觉