Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

limedroid/XAnimLayout

Open more actions menu

Repository files navigation

XAnimLayout 让引导页动画easy

XAnimLayout封装了常见的引导页动画,仅仅需要在xml中设置相关属性,即可实现translate、rotate、alpha、scale、colorGradient等动画。

XAnimLayout

主要功能

  • 实现常用的动画效果
  • 自定义属性
  • 扩展性强

使用

  • Gradle : compile 'cn.droidlover:XAnimLayout:1.0.0''
  • Github : XAnimLayout

说明

库中包括两部分:

  • AnimScrollView :继承ScrollView,用于滑动和滑动状态的监听。
  • AnimLinearLayout :AnimScrollView的直接子view

主要用法

<cn.droidlover.xanimlayout.AnimScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scrollbars="none">

    <cn.droidlover.xanimlayout.AnimLinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:al_firstFillViewPort="true">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:background="#BDF0B9"
            android:gravity="center"
            android:text="XAnimLayout"
            android:textColor="#fff"
            android:textSize="22sp"
            app:av_alpha="true" />


        <TextView
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:background="#FFE2C8"
            android:gravity="center"
            android:text="RxJava"
            android:textColor="#fff"
            android:textSize="22sp"
            app:av_translateGravity="right" />


        <TextView
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:gravity="center"
            android:text="Dagger"
            android:textSize="22sp"
            app:av_endColorBg="#140405"
            app:av_startColorBg="#A15772" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="300dp"
            android:background="#BAE4D0"
            android:gravity="center"
            android:text="Android"
            android:textSize="28sp"
            app:av_alpha="true" />

    </cn.droidlover.xanimlayout.AnimLinearLayout>

</cn.droidlover.xanimlayout.AnimScrollView>

不需要任何java代码,即可实现开场动画。

使用解析

AnimLinearLayout

AnimLinearLayout包含一个自定义属性:al_firstFillViewPort 。若true,则其第一个子view的高度就会占满全屏。若false,则其高度不被调整。此属性默认为true。

支持的属性

 <attr name="av_rotate" format="boolean" />
 <attr name="av_alpha" format="boolean" />
 <attr name="av_scaleX" format="boolean" />
 <attr name="av_scaleY" format="boolean" />
 <attr name="av_startColorBg" format="color" />
 <attr name="av_endColorBg" format="color"  />
 <attr name="av_translateGravity">
     <flag name="left" value="0x01" />
     <flag name="top" value="0x02" />
     <flag name="right" value="0x04" />
     <flag name="bottom" value="0x08" />
 </attr>

属性说明:

  • av_rotate:boolean 表示是否可旋转
    • true 有旋转动画
    • false 没有旋转动画
  • av_alpha:Boolean 表示是否有alpha动画
    • true 伴随alpha动画
    • false 没alpha动画
  • av_scaleX 表示x方向的scale动画
  • av_scaleY 表示y方向的scale动画
  • av_startColorBg与av_endColorBg配对使用,作用于该view的background,分别表示开始颜色、结束颜色
  • av_translateGravity 表示translate的开始方向,有left、top、right、bottom等值,默认为-1,需要说明的是,此属性与传统的gravity用法类似,可组合使用
app:av_translateGravity="right"

或者使用两个值

app:av_translateGravity="right|bottom"

About

让引导页动画变得easy

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.