FloatingActionButton 设置

 

背景颜色     用第二种方式 较好 ,能跟随系统主题变化而变化

app:backgroundTint="#ff87ffeb"

app:backgroundTint="?attr/colorAccent"

 

点击颜色

app:rippleColor="#33728dff"

 

滑动隐藏fab  自定义layout_behavior  配合 CollapsingToolbarLayout  使用

http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2016/0407/4126.html

 

 

可伸缩折叠的Toolbar 

CollapsingToolbarLayout  和 Toolbar 一起使用时  toolbar显示的文字由  前者设置

在布局代码中 加入 app:title="标题"   

在逻辑代码中 通过对象设置 collapsingToolbarLayout.setTitle("标题"); 

 

显示图片  图片布局中可以设置  代码中 collapsing_iv.setImageResource(R.drawable.drawer_background);

 1             <android.support.design.widget.CollapsingToolbarLayout
 2                 android:id="@+id/collapsing_toolbar"
 3                 android:layout_width="match_parent"
 4                 android:layout_height="match_parent"
 5                 app:contentScrim="?attr/colorPrimary"
 6                 app:expandedTitleMarginEnd="55dp"
 7                 app:expandedTitleMarginStart="55dp"
 8                 app:layout_scrollFlags="scroll|exitUntilCollapsed">
 9 
10                 <ImageView
11                     android:src="@drawable/drawer_background"
12                     android:id="@+id/collapsing_iv"
13                     android:scaleType="centerCrop"
14                     android:fitsSystemWindows="true"
15                     app:layout_collapseMode="parallax"
16                     android:layout_width="match_parent"
17                     android:layout_height="match_parent" />
18 
19                 <android.support.v7.widget.Toolbar
20                     android:id="@+id/toolbar"
21                     android:layout_width="match_parent"
22                     android:layout_height="?attr/actionBarSize"
23                     app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
24                     app:layout_collapseMode="pin" />
25 
26 
27             </android.support.design.widget.CollapsingToolbarLayout>
CollapsingToolbarLayout

 

 app:layout_collapseMode="pin"        toolbar 设置之后 可以在view折叠的时候仍然被固定在屏幕的顶部

app:layout_collapseMode="parallax"  图片 随view折叠而折叠

app:layout_collapseParallaxMultiplier="0.7"      子视图视角差  感觉没啥变化


参考  http://www.jcodecraeer.com/a/anzhuokaifa/developer/2015/0531/2958.html

 

posted @ 2016-08-30 17:44  demon9  阅读(549)  评论(0编辑  收藏  举报