您的位置:首页 > 移动开发 > Android开发

为ToolBar增加阴影特效

2016-05-04 00:27 531 查看

自定义Toolbar的原因

在版本小于5.0之前的设备是没有Material Design的特效的,所以也没有阴影;所以这时候就要通过自定义文件来实现这个效果;


布局文件

<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:fitsSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/appleGreen"
android:minHeight="10dp">
<!--这里是一个图标,可以不用写-->
<ImageView
android:id="@+id/add_alarm"
android:layout_gravity="end"
android:layout_marginEnd="16dp"
android:background="@drawable/sign_add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</android.support.v7.widget.Toolbar>
<FrameLayout android:layout_width="match_parent"
android:layout_height="match_parent">

<!-- **** Place Your Content Here **** -->
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v4.view.ViewPager>
<View android:layout_width="match_parent"
android:layout_height="5dp"
android:background=  "@drawable/toolbar_shadow"/>

</FrameLayout>


阴影文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

<gradient
android:startColor="@android:color/transparent"
android:endColor="#88333333"
android:angle="90"/>


由文件可以看出,这是一个颜色渐变的过程,然后通过帧布局可以覆盖的特性来实现覆盖在底层布局上的阴影。

效果图



参考自:点这里查看更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android 布局