设置点击效果foreground

ditclear / 文发表于2017-10-29 02:26 第次阅读

android:foreground

最近一段时间研究了一下plaid，想学习一下material design。

这里记录一下view的background和foreground。

平时的话我们设置点击效果，为了简便，大多数人应该都会使用

android:background="@drawable/selecterDrawable"
//或是
android:background="?selectableItemBackground"

但是相信都注意到一个情况，就是在有ImageView的时候，点击效果无法渲染在ImageView上面

在看plaid和medium app的时候发现它们的点击效果就很好，看了plaid的xml发现是设置了foreground

所以奥秘就在这里，以后设置点击效果的话可以设置foreground

<FrameLayout
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:layout_gravity="center"
            android:clickable="true"
            android:foreground="@drawable/middle_grey"
            android:padding="@dimen/activity_vertical_margin"
            android:stateListAnimator="@animator/anim_rise">
        <android.support.v7.widget.AppCompatImageView
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="50dp"
                android:scaleType="fitCenter"
                app:srcCompat="@drawable/image"/>
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|right"
                android:text="foreground"/>
    </FrameLayout>

因为api 21以上才能使用ripple效果，所以最好区分以下

api21以下的middle_grey及效果

<?xml version="1.0" encoding="utf-8"?>
<selector  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false">
        <color android:color="@android:color/transparent"/>
    </item>
    <item android:state_pressed="true">
        <color android:color="@color/mid_grey"/>
    </item>
</selector>

<21

api21以上的middle_grey

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
        android:color="@color/mid_grey">
</ripple>

21以上