单击时android的组件掩码

时间:2013-05-05 00:09:49

标签: android layout

我想在android中获得此效果,我尝试设置布局的背景但没有成功,就像在布局元素上放置一个蒙版。例如,当您点击Google Play上的按钮时,如下所示:

enter image description here

当你点击它时,将一个面具放在蓝色按钮上。

有人可以帮助我吗?

谢谢。


我做了以下工作,我用图像和文字创建了布局。

<LinearLayout
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:gravity="center_horizontal"
   android:orientation="vertical">

  <ImageView
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:src="@drawable/android" />

      <TextView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="APP" />
</LinearLayout>

并创建framelayout

<FrameLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg_default"
    android:clickable="true">

       <include
           android:layout_gravity="center_vertical"
          layout="@layout/test1" />

</FrameLayout> 

但只更改了背景,图片和文字未放置遮罩。我做错了吗?

1 个答案:

答案 0 :(得分:1)

实现这种影响的第一件事是:

1。使用图标和文本(示例中的android图标和Linear/Relative文字)创建布局(APPS)。

2。为两个维度将其设置为wrap-content

3. 将此布局放在FrameLayout

4。在此FrameLayout内添加一个按钮并将其设置为match-parent,对于此按钮创建一个这样的选择器并将其应用为背景:

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

 <!-- pressed -->

 <item android:state_pressed="true"
       android:drawable="@drawable/botton_shape_pressed" /> 

 <!-- focused -->      

 <item android:state_focused="true"
       android:drawable="@drawable/botton_shape_selected" />

 <!-- default -->      

 <item android:drawable="@drawable/botton_shape_released" />

5. 对于按下的纹理,创建一个半透明的蓝色纹理。对于其他两个状态应用完全透明的纹理。这会导致面具影响你寻找。