这是XML的布局:
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:orientation="vertical">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="180dp"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<-拉伸toolbar显示的图片->
<ImageView
android:id="@+id/iv_detail"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:scaleType="centerCrop"
android:transitionName="transition_news_img"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.7" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay">
<!--<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<TextView
android:id="@+id/title_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="大家好"/>
</RelativeLayout>-->
</android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.rey.material.widget.ProgressView
android:id="@+id/progress"
android:layout_width="match_parent"
android:layout_height="16dp"
android:layout_gravity="center"
app:pv_autostart="true"
app:pv_circular="false"
app:pv_progressStyle="@style/Material.Drawable.LinearProgress" />
<WebView
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<TextView
android:id="@+id/textview1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello_world" />
<Button
android:layout_below="@id/textview1"
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="测试" />
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>
加上这个属性:
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
有上面这个属性就会产生拉动和收缩toolbar,及拉伸会有张图片,具体代码中会说明。
通过上面可以看到toolbar没不可以自定义toolbar布局:
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay">
<!--<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<TextView
android:id="@+id/title_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="大家好"/>
</RelativeLayout>-->
</android.support.v7.widget.Toolbar>
activity中代码:
Toolbar toolbar = (Toolbar)fingViewByid(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(false); // 设置为true标题左上角会有箭头,false箭头隐藏
toolbar.setDisplayShowTitleEnabled(false); // false表示默认的标题(类名)不显示
toolbar.setNavigationOnClickListener(new View.OnClickListener() { // 设置标题左上角箭头的点击方法
@Override
public void onClick(View v) {
// onBackPressed(); // 销毁本类(Activity)
}
});
toolbar.setTitle("主标题");
toolbar.setSubtitle("副标题");
toolbar.setLogo(R.mipmap.ic_launcher); // logo图标
toolbar.setNavigationIcon(android.R.drawable.ic_input_delete); // 导航按钮 也就是最左边的箭头按钮
点击事件:
/**标题栏最右边图片点击展开后的菜单布局*/
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.sample_actions, menu);
return true;
}
/**标题栏最右边图片点击展开后的菜单布局中控件的点击事件*/
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case android.R.id.home:
mMainDrawerLayoutPresenter.openDrawer();
return true;
case R.id.action_settings:
Bundle extras = new Bundle();
extras.putString(BaseWebActivity.BUNDLE_KEY_URL, "https://github.com/fangx");
extras.putString(BaseWebActivity.BUNDLE_KEY_TITLE, "关于我");
readyGo(BaseWebActivity.class, extras);
break;
case R.id.action_share:
BaseUtil.share(this, "分享项目地址", "https://github.com/fangx/ZhiHuMVP");
break;
}
return super.onOptionsItemSelected(item);
}