如何创建视图部分不可见

时间:2013-01-17 13:37:15

标签: android view

我想要达到的效果就像图片中的那样: enter image description here

所以基本上有一个TextView慢慢消失。我不希望整个View例如50%透明,而是例如它的左边部分为0%透明,并且它在右侧平滑地进入100%透明度。

我知道某些组件(例如ListView)会使用此功能,但是可以通过非常简单的方式手动完成吗?

提前感谢您的答案

1 个答案:

答案 0 :(得分:7)

首先,创建一个带有alpha渐变的形状。将XML放入drawable目录中。我们称之为gradient_view.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:angle="90"
        android:startColor="#FFFFFFFF"
        android:endColor="#00FFFFFF"
        android:type="linear"/>
</shape>

现在在TextView右侧的布局中创建一个视图。你需要适当地设置宽度和高度,并根据需要在视图中定位(RelativeLayout with layout_toTheRightOf可以正常工作)。

<View android:layout_width="100dp"
    android:layout_height="50dp"
    android:background="@drawable/gradient_view"/>

在代码中的正确位置,为其设置动画。将-200更改为您需要的任何内容(甚至更好,找到渐变视图的左侧X并减去TextView的左边缘以查找要移动的数量)。

TranslationAnimation anim = new TranslateAnimation(0, -200, 0, 0);
anim.setDuration(1000);
myTextView.startAnimation(anim);

http://developer.android.com/reference/android/view/animation/TranslateAnimation.html

还有一些工作要做,但这是你需要的大部分工作。

祝你好运