Android 微光闪烁效果

最新推荐文章于 2022-07-19 10:18:14 发布

一只想颠覆世界的蚂蚁

最新推荐文章于 2022-07-19 10:18:14 发布

阅读量942

点赞数

分类专栏： Android 文章标签： Android 动画闪烁

本文链接：https://blog.csdn.net/qq_33023933/article/details/97270559

版权

Android 专栏收录该内容

39 篇文章 3 订阅

订阅专栏

先上xiao效果图

其中使用的是 Facebook开源的框架 https://github.com/facebook/shimmer-android

如何使用：

导入依赖：

compile 'com.facebook.shimmer:shimmer:0.1.0@aar'

布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.amt.test.test.MainActivity">


    <com.facebook.shimmer.ShimmerFrameLayout
        android:id="@+id/shimmer_view_container1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
        <!--我们希望起微光效果的视图-->
        <TextView
            android:textSize="30sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="鸡你太美!" />
    </com.facebook.shimmer.ShimmerFrameLayout>

    <com.facebook.shimmer.ShimmerFrameLayout
        android:id="@+id/shimmer_view_container"
        android:layout_marginTop="20px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
        <!--我们希望起微光效果的视图-->

        <ImageView
            android:src="@mipmap/girl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </com.facebook.shimmer.ShimmerFrameLayout>

    <com.facebook.shimmer.ShimmerFrameLayout
        android:id="@+id/shimmer_view_container2"
        android:layout_marginTop="20px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
        <!--我们希望起微光效果的视图-->

        <ImageView
            android:src="@mipmap/girl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </com.facebook.shimmer.ShimmerFrameLayout>


</LinearLayout>

Java 代码

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ShimmerFrameLayout container =  (ShimmerFrameLayout) findViewById(R.id.shimmer_view_container);
        //开启微光动画
        container.setDuration(1500);
        container.setRepeatMode(ObjectAnimator.REVERSE);
        container.setDropoff(0.4f);//设置光的宽度
        container.setBaseAlpha((float) 0.4);//设置没有光照的地方的透明度
        //container1.setIntensity(6);//设置光的强度
        //设置光的形状，线性ShimmerFrameLayout.MaskShape.LINEAR（默认），ShimmerFrameLayout.MaskShape.RADIAL圆形
        container.setMaskShape(ShimmerFrameLayout.MaskShape.RADIAL);

        container.startShimmerAnimation();



        ShimmerFrameLayout container1 =  (ShimmerFrameLayout) findViewById(R.id.shimmer_view_container1);
        //开启微光动画
        container1.setDuration(1500);
        container1.setRepeatMode(ObjectAnimator.REVERSE);
        container1.setDropoff(0.4f);//设置光的宽度
        container1.setBaseAlpha((float) 0.5);//设置没有光照的地方的透明度
        //container1.setIntensity(6);//设置光的强度
        //设置光的形状，线性ShimmerFrameLayout.MaskShape.LINEAR（默认），ShimmerFrameLayout.MaskShape.RADIAL圆形
        container1.setMaskShape(ShimmerFrameLayout.MaskShape.RADIAL);
        container1.startShimmerAnimation();

        ShimmerFrameLayout container2 =  (ShimmerFrameLayout) findViewById(R.id.shimmer_view_container2);
        //开启微光动画
        container2.setDuration(1500);
        container2.setRepeatMode(ObjectAnimator.REVERSE);
        container2.setDropoff(0.4f);//设置光的宽度
        container2.setBaseAlpha((float) 0.4);//设置没有光照的地方的透明度
        //container2.setIntensity(6);//设置光的强度
        //设置光的形状，线性ShimmerFrameLayout.MaskShape.LINEAR（默认），ShimmerFrameLayout.MaskShape.RADIAL圆形
//        container2.setMaskShape(ShimmerFrameLayout.MaskShape.RADIAL);
        container2.startShimmerAnimation();
     

    }