9GAG 中用到的 Shimmer 是什么?

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();
        }

    }
}

源代码

ShimmerTest

参考来源


github项目–Shimmer for Android

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值