亚洲精品久久久久私欲,日本高清免费一本在线观看,.17c嫩嫩草色视频蜜桃

一個(gè)用來(lái)打造上述引導(dǎo)界面動(dòng)畫效果的Scroll框架, 集成進(jìn)https://github.com/Jerey-Jobs/KeepGank中，作為首次啟動(dòng)的歡迎界面。

工程源碼：https://github.com/Jerey-Jobs/ScrollAnimationSherlock

目前支持：

透明度動(dòng)畫與平移動(dòng)畫(四種方向),支持混合調(diào)用
背景色漸變?cè)O(shè)置
SherlockLinearLayout與SherlockRelativeLayout提供動(dòng)畫界面的線性布局與相對(duì)布局支持
SherlockAnimationCallBack提供自定義擴(kuò)展

如何使用

project's build.gradle (工程下的 build.gradle)

  allprojects {
    repositories {
      ...
      maven { url 'https://jitpack.io' }
    }
  }

module's build.gradle (模塊的build.gradle)

  dependencies {
          compile 'com.github.Jerey-Jobs:ScrollAnimationSherlock:1.0'
  }

項(xiàng)目中：

頂層布局:cn.jerey.animationlib.SherlockScrollView，內(nèi)嵌一個(gè)SherlockLinearLayout


    <cn.jerey.animationlib.SherlockScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <cn.jerey.animationlib.SherlockLinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="vertical">

            <include layout="@layout/splash_layout"></include>

        </cn.jerey.animationlib.SherlockLinearLayout>
    </cn.jerey.animationlib.SherlockScrollView>

SherlockLinearLayout的第一個(gè)子View會(huì)被默認(rèn)設(shè)置為全屏，因此

<include layout="@layout/splash_layout"></include>

在splash_layout中完成第一個(gè)界面的搭建

這是上圖的splash_layout

接下來(lái)就是使用SherlockLinearLayout與SherlockRelativeLayout進(jìn)行其他界面搭建。demo中使用的是SherlockRelativeLayout其中放置了四個(gè)子View，并設(shè)置了相應(yīng)動(dòng)畫。

<cn.jerey.animationlib.SherlockRelativeLayout
     android:layout_width="match_parent"
     android:layout_height="300dp">


     <ImageView
         android:id="@+id/moon"
         android:layout_width="100dp"
         android:layout_height="100dp"
         android:layout_marginLeft="30dp"
         android:layout_marginTop="30dp"
         android:background="@drawable/moon"
         app:animation_alpha="true"
         app:animation_translation="left"/>

     <ImageView
         android:id="@+id/astronaut"
         android:layout_width="50dp"
         android:layout_height="50dp"
         android:layout_marginLeft="120dp"
         android:layout_marginTop="28dp"
         android:background="@drawable/astronaut"
         app:animation_alpha="true"
         app:animation_translation="right|bottom"/>

     <ImageView
         android:id="@+id/imageView"
         android:layout_width="200dp"
         android:layout_height="180dp"
         android:layout_alignParentRight="true"
         android:layout_marginTop="100dp"
         android:background="@drawable/planet_earth_1"
         app:animation_alpha="true"
         app:animation_translation="right|bottom"/>

     <ImageView
         android:layout_width="100dp"
         android:layout_height="100dp"
         android:layout_alignParentBottom="true"
         android:layout_marginLeft="30dp"
         android:background="@drawable/rocket_1"
         app:animation_alpha="true"/>

 </cn.jerey.animationlib.SherlockRelativeLayout>

原理

總的原理一句話：賦予每個(gè)需要進(jìn)行動(dòng)畫變換的View動(dòng)畫屬性，并根據(jù)位置改變屬性。

如何做到

我們需要做的事情有

如何確定某個(gè)View需要進(jìn)行動(dòng)畫變換
確定后如何賦予動(dòng)畫屬性
如何分發(fā)動(dòng)畫變換事件，讓子View進(jìn)行變換

確定是否需要?jiǎng)赢嬜儞Q

ViewGroup的addView方法，該方法是添加子View的時(shí)候調(diào)用的。

 public void addView(View child, int index, ViewGroup.LayoutParams params)

我們需要在這邊進(jìn)行子View的判斷，如何判斷呢，我們可以參照support包的設(shè)計(jì)，添加app屬性，

我們?nèi)ザx幾個(gè)屬性

       <attr name="animation_alpha" format="boolean" />//是否支持透明度動(dòng)畫；
       <attr name="animation_scaleX" format="boolean" />//是否支持X軸縮放動(dòng)畫；
       <attr name="animation_scaleY" format="boolean" />//是否支持Y軸縮放動(dòng)畫；
       <attr name="bgColorStart" format="color" />//背景漸變顏色的開始顏色值；
       <attr name="bgColorEnd" format="color" />//背景漸變顏色的結(jié)束顏色值，與bgColorStart成對(duì)出現(xiàn)；
       <attr name="animation_translation">//移動(dòng)動(dòng)畫，是一個(gè)枚舉類型，支持上下左右四種值。
           <flag name="left" value="0x01" />
           <flag name="top" value="0x02" />
           <flag name="right" value="0x04" />
           <flag name="bottom" value="0x08" />
       </attr>

在addView時(shí)候，通過(guò)layoutParams參數(shù)來(lái)判斷，那么這里的LayoutParams是我們自定義的，繼承于系統(tǒng)的LayoutParams，
不過(guò)在其構(gòu)造方法時(shí)追加參數(shù)解析。

/**
 * 不能將此LayoutParams抽象出來(lái), 其繼承的是自己內(nèi)部類的Params
 */
public class RelativeLayoutParams extends LayoutParams {
    //是否支持透明度；
    public boolean mAlphaSupport;
    //是否支持X Y軸縮放；
    public boolean mScaleXSupport;
    public boolean mScaleYSupport;

    //顏色變化的起始值；
    public int mBgColorStart;
    public int mBgColorEnd;
    //移動(dòng)值；
    public int mTranslationValue;

    public RelativeLayoutParams(Context c, AttributeSet attrs) {
        super(c, attrs);
        TypedArray typedArray = c.obtainStyledAttributes(attrs, R.styleable.MyFrameLayout);
        mAlphaSupport = typedArray.getBoolean(R.styleable.MyFrameLayout_animation_alpha, false);
        mBgColorStart = typedArray.getColor(R.styleable.MyFrameLayout_bgColorStart, -1);
        mBgColorEnd = typedArray.getColor(R.styleable.MyFrameLayout_bgColorEnd, -1);
        mScaleXSupport = typedArray.getBoolean(R.styleable.MyFrameLayout_animation_scaleX, false);
        mScaleYSupport = typedArray.getBoolean(R.styleable.MyFrameLayout_animation_scaleY, false);
        mTranslationValue = typedArray.getInt(R.styleable.MyFrameLayout_animation_translation, -1);
        typedArray.recycle();
    }

    /**
     * 判斷當(dāng)前params是否包含自定義屬性；
     *
     * @return
     */
    public boolean isHaveMyProperty() {
        if (mAlphaSupport || mScaleXSupport || mScaleYSupport || (mBgColorStart != -1 && mBgColorEnd != -1) || mTranslationValue != -1) {
            return true;
        }
        return false;
    }
}

這樣我們?cè)赼ddView時(shí)能夠拿到這個(gè)params，并且里面已經(jīng)解析了是否支持動(dòng)畫了。

@Override
public void addView(View child, int index, ViewGroup.LayoutParams params) {
    RelativeLayoutParams myLayoutParams = (RelativeLayoutParams) params;
    if (myLayoutParams.isHaveMyProperty())

賦予動(dòng)畫變換屬性

我們的View是不大可能自己動(dòng)的，而且我們也沒法去改view的代碼。這些view都是系統(tǒng)的view，
這樣我們只能說(shuō)讓view有一個(gè)父類，去操作它了。或者說(shuō)。給View“偽增加”一個(gè)方法，使其接收到我們的移動(dòng)事件后，能夠進(jìn)行動(dòng)畫變換。

如何增加呢？

我們?cè)诮馕鰒iew的屬性時(shí)，即addView時(shí)，在其外面包裹一層父View，我稱之為 Frame。使用FrameView去包裹它，
當(dāng)然需要注意的是，為了讓view能夠直接完整的進(jìn)行動(dòng)畫顯示。我們需要設(shè)置各個(gè)父類的ClipChildren屬性為false。

因此封裝了SherlockFrame，其繼承于FrameLayout，并實(shí)現(xiàn)我們的位移callback接口的，注意只有實(shí)現(xiàn)了我們的位移回調(diào)接口的。我們分發(fā)事件時(shí)才會(huì)分發(fā)。
同樣，這個(gè)接口提供了自定義擴(kuò)展，可以自己編寫實(shí)現(xiàn)這個(gè)接口的自定義view，同樣會(huì)接收到位移分發(fā)。

public class SherlockFrame extends FrameLayout implements SherlockAnimationCallBack{
    //從哪個(gè)方向開始動(dòng)畫；
    private static final int TRANSLATION_LEFT = 0x01;
    private static final int TRANSLATION_TOP = 0x02;
    private static final int TRANSLATION_RIGHT = 0x04;
    private static final int TRANSLATION_BOTTOM = 0x08;

    //是否支持透明度；
    private boolean mAlphaSupport;
    //顏色變化的起始值；
    private int mBgColorStart;
    private int mBgColorEnd;

    //是否支持X Y軸縮放；
    private boolean mScaleXSupport;
    private boolean mScaleYSupport;
    //移動(dòng)值；
    private int mTranslationValue;
    //當(dāng)前View寬高；
    private int mHeight, mWidth;
}

SherlockFrame的這些屬性，會(huì)在addview的時(shí)候進(jìn)行賦值。

SherlockAnimationCallBack回調(diào)excuteanimation方法時(shí)，SherlockFrame就根據(jù)自身的屬性情況進(jìn)行動(dòng)畫變換。

事件分發(fā)

作為scrollView，滾動(dòng)事件的分發(fā)肯定是在onScrollChanged了。在這里面進(jìn)行滾動(dòng)事件分發(fā)

parseViewGroup方法有點(diǎn)講究了，這是一個(gè)遞歸遍歷子view，看其是否實(shí)現(xiàn)了SherlockAnimationCallBack接口，若沒有則去判斷是否是ViewGroup，若是的話則繼續(xù)遞歸遍歷其子view。

若是實(shí)現(xiàn)了SherlockAnimationCallBack接口的view。我們要根據(jù)其距離頂部的高度來(lái)計(jì)算動(dòng)畫應(yīng)該執(zhí)行百分之多少。我們可以通過(guò)view的getTop方法，這個(gè)方法是得到view距離其父view的頂部的距離。
因此我們還要進(jìn)行遞歸傳遞。

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
    super.onScrollChanged(l, t, oldl, oldt);
    parseViewGroup(mLinearLayout, l, t, oldl, oldt, true, 0);
}

/**
 * @param linearLayout
 * @param l
 * @param t
 * @param oldl
 * @param oldt
 * @param isRootLinearLayout 是否是頂層布局
 * @param getTop             距離頂部高度
 */
private void parseViewGroup(ViewGroup linearLayout,
                            int l, int t, int oldl, int oldt,
                            boolean isRootLinearLayout, int getTop) {
    int scrollViewHeight = getHeight();
    Log.w(TAG, "linearLayout.getChildCount()" + linearLayout.getChildCount());
    for (int i = 0; i < linearLayout.getChildCount(); i++) {
        //如果子控件不是MyFrameLayout則循環(huán)下一個(gè)子控件；
        View child = linearLayout.getChildAt(i);

        // 若不是動(dòng)畫控件,則進(jìn)入判斷是否是ViewGroup,是的話遞歸其子view.不是的話則判斷下一個(gè)
        if (!(child instanceof SherlockAnimationCallBack)) {
            if (child instanceof ViewGroup) {
                Log.d(TAG, "parseViewGroup: 該View不是FrameLayout,是ViewGroup: " + child
                        .getClass().getName());
                parseViewGroup((ViewGroup) child, l, t, oldl, oldt, false,
                        child.getTop() + getTop);
            }
            continue;
        }
        //以下為執(zhí)行動(dòng)畫邏輯；
        SherlockAnimationCallBack myCallBack = (SherlockAnimationCallBack) child;
        //獲取子View高度；
        int childHeight = child.getHeight();
        //子控件到父控件的距離；
        int childTop = child.getTop();
        if (!isRootLinearLayout) {
            childTop += getTop;
        }
        //滾動(dòng)過(guò)程中，子View距離父控件頂部距離；
        int childAbsluteTop = childTop - t;
        //進(jìn)入了屏幕
        if (childAbsluteTop <= scrollViewHeight) {
            //當(dāng)前子控件顯示出來(lái)的高度；
            int childShowHeight = scrollViewHeight - childAbsluteTop - 100 ;
            float moveRadio = childShowHeight / (float) childHeight;//這里一定要轉(zhuǎn)化成float類型；
            //執(zhí)行動(dòng)畫；
            myCallBack.excuteanimation(getMiddleValue(moveRadio, 0, 1));
        } else {
            //沒在屏幕內(nèi),恢復(fù)數(shù)據(jù)；
            myCallBack.resetViewanimation();
        }
    }
}

動(dòng)畫執(zhí)行

有了事件的分發(fā)了。我們只需要在excuteanimation的回調(diào)中實(shí)現(xiàn)我們的動(dòng)畫即可了。默認(rèn)的SherlockFrame已經(jīng)實(shí)現(xiàn)了一些了。若要強(qiáng)大的自定義動(dòng)畫效果，實(shí)現(xiàn)這個(gè)接口即可。

public interface SherlockAnimationCallBack {
    /**
     * 執(zhí)行自定義動(dòng)畫方法；
     */
    void excuteanimation(float moveRadio);

    /**
     * 恢復(fù)初始狀態(tài)；
     */
    void resetViewanimation();
}

優(yōu)化

有了上面的幾步，我們的動(dòng)畫已經(jīng)能正常跑起來(lái)了，不過(guò)由于從最下面一開始就執(zhí)行動(dòng)畫，有點(diǎn)感覺過(guò)快了。因此在分發(fā)位置移動(dòng)事件的時(shí)候，在計(jì)算當(dāng)前子控件顯示出來(lái)的高度時(shí)減少了100，這樣動(dòng)畫就能延遲，看起來(lái)更加自然

      int childShowHeight = scrollViewHeight - childAbsluteTop - 100 ;

總結(jié)

還有很多不完善的地方，大家多多指教。

歡迎star https://github.com/Jerey-Jobs/ScrollAnimationSherlock

本文作者：Anderson/Jerey_Jobs

博客地址： http://jerey.cn/

簡(jiǎn)書地址 : Anderson大碼渣

github地址 : https://github.com/Jerey-Jobs

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

使用ScrollView滾動(dòng)事件打造動(dòng)畫框架ScrollAnimationSherlock

使用ScrollView滾動(dòng)事件打造動(dòng)畫框架ScrollAnimationSherlock

項(xiàng)目中：

原理

如何做到

確定是否需要?jiǎng)赢嬜儞Q

賦予動(dòng)畫變換屬性

事件分發(fā)

動(dòng)畫執(zhí)行

優(yōu)化

總結(jié)

推薦閱讀更多精彩內(nèi)容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

使用ScrollView滾動(dòng)事件打造動(dòng)畫框架ScrollAnimationSherlock

項(xiàng)目中：

原理

如何做到

確定是否需要?jiǎng)赢嬜儞Q

賦予動(dòng)畫變換屬性

事件分發(fā)

動(dòng)畫執(zhí)行

優(yōu)化

總結(jié)

推薦閱讀更多精彩內(nèi)容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频