9GAG 中用到的 Shimmer 是什么？

最新推荐文章于 2021-01-14 15:42:15 发布

小风筝0010

最新推荐文章于 2021-01-14 15:42:15 发布

阅读量1.3k

点赞数

分类专栏： Android 文章标签： android

本文链接：https://blog.csdn.net/Zheng548/article/details/52336914

版权

Android 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

Shimmer for Android

原作者效果预览

效果预览

添加依赖

Gradle dependency:

compile 'com.romainpiel.shimmer:library:1.4.0@aar'

layout设置

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#242424"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="com.lizheng.www.shimmertest.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:textColor="#fff"
        android:text="@string/Hello" />

    <com.romainpiel.shimmer.ShimmerTextView
        android:id="@+id/shimmer_tv"
        android:text="@string/shimmer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textColor="#4e4588"
        android:textSize="30sp"
        app:reflectionColor="#f00"
        android:fontFamily="sans-serif-condensed"/>

    <Button
        android:text="@string/toggle_animation"
        android:layout_gravity="center"
        android:onClick="toggleAnimation"
        android:textAllCaps="false"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <com.romainpiel.shimmer.ShimmerButton
        android:id="@+id/shimmer_btn"
        android:layout_gravity="center"
        android:textAllCaps="false"
        android:text="@string/shimmerButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

其中，
com.romainpiel.shimmer.ShimmerTextView 和 com.romainpiel.shimmer.ShimmerButton
分别为可以闪烁的文字和按钮。

详情看文末原代码

MainActivity

package com.lizheng.www.shimmertest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

import com.romainpiel.shimmer.Shimmer;
import com.romainpiel.shimmer.ShimmerButton;
import com.romainpiel.shimmer.ShimmerTextView;

public class MainActivity extends AppCompatActivity {
    private ShimmerTextView shimmerTextView;
    private ShimmerButton shimmerButton;
    private Shimmer shimmer;
    private Shimmer shimmer_btn;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //绑定控件
        shimmerTextView = (ShimmerTextView) findViewById(R.id.shimmer_tv);
        shimmerButton = (ShimmerButton)findViewById(R.id.shimmer_btn);

        setShimmerText();
        setShimmerBtn();
    }
    /**
     * 自定义设置 shimmerText 的属性
     */
    private void setShimmerText() {
       shimmer = new Shimmer();
       shimmer.setRepeatCount(5);//闪烁的次数，0-一次  1-两次    2-三次    以此类推
       shimmer.setDuration(1000);//每次闪烁的时间长短
       shimmer.setStartDelay(2000);//开始闪烁前间隔的时间
       shimmer.setDirection(Shimmer.ANIMATION_DIRECTION_RTL);//闪烁的方向,接受int值，Shimmer.ANIMATION_DIRECTION_RTL=1，表示right turn left        Shimmer.ANIMATION_DIRECTION_LTR=0,left turn right
       shimmer.start(shimmerTextView);
   }
    /**
     * 自定义设置 shimmerButton 的属性
     */
    private void setShimmerBtn() {
        shimmer_btn = new Shimmer();

        shimmer_btn.setRepeatCount(10).
                setDuration(1500).
                setStartDelay(1000).
                setDirection(Shimmer.ANIMATION_DIRECTION_RTL);

        shimmer_btn.start(shimmerButton);
    }

    /**
     * 设置 按钮的功能
     */
    public void toggleAnimation (View target) {
        //如果shimmer 已经被创建，并且正在闪烁，则取消闪烁
        //否则 setShimmerText
        if (shimmer != null && shimmer.isAnimating()) {
            shimmer.cancel();
        }else {
           setShimmerText();
        }

        //如果shimmer_btn 已经被创建，并且正在闪烁，则取消闪烁
        //否则 setShimmerBtn
        if (shimmer_btn != null && shimmer_btn.isAnimating()) {
            shimmer_btn.cancel();
        } else {
            setShimmerBtn();
        }

    }
}