看這里學(xué)習(xí)的http://www.reibang.com/p/54a6e2568cdd#comment-28749841
class ConstraintSet
class MotionLayout

demo

ConstraintSet

這東西就是一堆view的約束條件的集合
實例化的方法

//Manually 
c = new ConstraintSet(); c.connect(....);
//from a R.layout.* object 
c.clone(context, R.layout.layout1);
//看下這方法可以看到上邊的layout1布局哭靖，根元素需要是ConstraintLayout
    public void clone(Context context, int constraintLayoutId) {
        this.clone((ConstraintLayout)LayoutInflater.from(context).inflate(constraintLayoutId, (ViewGroup)null));
    }
//from a ConstraintLayout 
c.clone(clayout);

//還有這種弄一個布局的礼患，當然了這個布局不要求根元素是ConstraintLayout
constraintSet.load(this, R.layout.keyframe_two); 

順道簡單看下這個幾個方法的源碼纪岁，可以看到這里的布局或者ConstraintLayout里的所有child都必須設(shè)置id

image.png

理解

ConstraintSet 怎么說了伪煤，這東西可以理解成我們以前比如線性布局查库，相對布局的LayoutParams屬性的集合夹孔。
嗯嗯互站，我覺得是差不多昙啄。
至于上邊的clone，load其實都是從一個布局或者說從一個ConstraintLayout 里把所有的約束條件都提取出來而已获三。而且上邊也說了里邊的child必須要有個id旁蔼，為啥了，是因為它要根據(jù)id和我們當前的布局對應(yīng)起來疙教。
最后這個set的使用方法都是這樣的
constraintSet.applyTo(constraintLayout1)
也就是說它把自己從其他地方提取的【clone棺聊，load方法等】約束條件，應(yīng)用到一個老的constraintLayout1上邊贞谓。

constraintSet只能從布局提取嗎限佩？

答案是否定的，看下這個類里邊的方法，好多個祟同。
和普通的LayoutParams一樣作喘，它也可以手動設(shè)置一些屬性的

比如有個老的按鈕，我們現(xiàn)在給它設(shè)置新的屬性如下
需要注意晕城，新的屬性泞坦，必須要保證這個view的具體位置，大小砖顷。也就是新的屬性得保證這個view在某個位置暇矫。下邊的，如果你不設(shè)置寬高择吊，你會發(fā)現(xiàn)applyTo以后李根，按鈕就不見了 。

constraintSet.setMargin(R.id.btn_test,ConstraintSet.LEFT,100)
        constraintSet.setMargin(R.id.btn_test,ConstraintSet.TOP,200)
        constraintSet.constrainHeight(R.id.btn_test,200)
        constraintSet.constrainWidth(R.id.btn_test,100)

比如 public void setGoneMargin(int viewId, int anchor, int value)
我們在xml也可以設(shè)置這種屬性 app:layout_goneMarginLeft="100dp"
這個anchor的值有6種几睛，LEFT,RIGHT,TOP,BOTTOM,START ,END
方法是干啥的它就具體設(shè)置啥的房轿，比如下邊的設(shè)置goneMargin的

image.png

這個就是設(shè)置正常margin的

image.png

image.png

剛開始的疑問

剛開始看到下邊的代碼焕济，我還以為是替換布局了纷妆，還專門給老的布局的按鈕弄個點擊事件看有沒有改變，后來發(fā)現(xiàn)自己想多了晴弃，看完上邊分析掩幢，已經(jīng)知道了，這里只是從這個布局或者說是constraintLayout里把每個child的約束屬性讀出來存起來而已上鞠，并不是替換這個布局际邻。
之后applyTo就是把set里的約束，根據(jù)id找到對應(yīng)的芍阎，然后把約束應(yīng)用到老的布局上而已世曾。

image.png

MotionLayout

public class MotionLayout extends ConstraintLayout implements NestedScrollingParent3
子類而已，所以父類有的它都有，很明顯實現(xiàn)了嵌套滾動

implementation 'androidx.constraintlayout:constraintlayout:2.0.1'

2.0以后的庫才有這個東西，這玩意需要一個motionscene的文件來實現(xiàn)動畫吸重，最低要求版本是14，也就是這個庫的minSdkVersion =14

image.png

大家先看下文章開頭的帖子血巍，看完基本入門了，完事再去看上邊官方文檔驼唱，看下各個屬性的描述藻茂，也就理解的八九不離十了，之后就是自己在demo里測試了

使用過程:按照以前的ConstraintLayout寫完玫恳，然后換成MotionLayout辨赐，完事就會報錯，提示你少個layoutDescription參數(shù)京办，按照提示就會自動生成一個xml文件了.

image.png

下邊貼一個motionscene文件,這個文件是放在res的xml文件夾下邊的掀序，使用的時候是在布局文件里添加layoutDescription標簽的.下圖是一個最簡單的.
總結(jié)一下，就是寫2套ConstraintSet ,一套是起始位置惭婿，一套是結(jié)束位置不恭，系統(tǒng)自動給我們添加一個過渡動畫。當然财饥，Transition里還可以添加一些關(guān)鍵幀之類的屬性换吧，后邊講

image.png

回頭再看，下邊有圖先整體分析下結(jié)構(gòu)钥星，跳到代碼后邊
~下邊代碼比較老沾瓦，有些attribute 換名字了，懶得改了~

<?xml version="1.0" encoding="utf-8"?>
<MotionScene
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <Transition
        android:id="@+id/my_transition"
        app:constraintSetEnd="@+id/ending_set"
        app:constraintSetStart="@+id/starting_set"
        app:duration="4000">
        <KeyFrameSet android:id="@+id/frameSet1">
            <KeyPosition

                app:curveFit="arc"

                app:drawPath="path"
                app:framePosition="30"
                app:percentX="0.85"
                app:target="@+id/btn_test"

                app:type="deltaRelative" />
            <KeyPosition

                app:framePosition="60"

                app:percentX="1"

                app:target="@+id/btn_test"

                app:type="deltaRelative" />
            <KeyCycle

                android:rotation="50"
                app:framePosition="50"

                app:target="@+id/btn_test"

                app:wavePeriod="1"

                app:waveShape="square" />
        </KeyFrameSet>
        <OnClick
            app:mode="transitionToEnd"
            app:target="@+id/btn_test" />
        <OnSwipe app:dragDirection="dragDown"
            app:touchAnchorId="@+id/btn_test"
            app:touchAnchorSide="left"/>
    </Transition>
    
    <ConstraintSet android:id="@+id/starting_set">
        <Constraint
            android:id="@+id/btn_test"
            android:layout_width="160dp"
            android:layout_height="60dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintRight_toRightOf="parent" />
    </ConstraintSet>

    <ConstraintSet android:id="@+id/ending_set">
        <Constraint //需要注意谦炒，這里要完整的寬高和約束屬性額
            android:id="@+id/btn_test"
            android:layout_width="160dp"
            android:layout_height="60dp"
            android:layout_marginTop="100dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    </ConstraintSet>

</MotionScene>

image.png

MotionScene下有3種節(jié)點贯莺，StateSet試了下沒反應(yīng)，不管它了先

image.png

ConstraintSet

一般這玩意有兩個對應(yīng)上邊的Transition標簽
每個ConstraintSet里邊就是N個Constraint標簽了宁改，用來處理想要進行動畫的view的位置和大小的缕探。這里的id和我們布局里的id一樣的，你想哪個動还蹲，就在這里處理他們的位置爹耗。

Constraint

Constraint里就是對控件的約束條件，位置大小之類的谜喊，
如果要動態(tài)改變某個屬性鲸沮，可以用CustomAttribute標簽，里邊寫上名字和值即可

    <ConstraintSet android:id="@+id/start">
        <Constraint
            android:id="@id/button"
            android:layout_width="64dp"
            android:layout_height="64dp"
            android:layout_marginStart="8dp"
            motion:layout_constraintBottom_toBottomOf="parent"
            motion:layout_constraintStart_toStartOf="parent"
            motion:layout_constraintTop_toTopOf="parent">
            <CustomAttribute
                motion:attributeName="BackgroundColor"
                motion:customColorValue="#D81B60" />
        </Constraint>
    </ConstraintSet>

比如下邊這個,如果Constraint里沒寫alpha锅论，那么默認是不透明的讼溺，只有手指開始滑動，下邊的CustomAttribute屬性才能生效最易，

            <CustomAttribute
                motion:attributeName="Alpha"
                motion:customFloatValue="0.3"/>

value有下邊幾種

attributeName   The name of the attribute. Case sensitive. ( MyAttr will look for method setMyAttr(...)
customColorValue    The value is a color looking setMyAttr(int )
customIntegerValue      The value is an integer looking setMyAttr(int )
customFloatValue    The value is a float looking setMyAttr(float )
customStringValue   The value is a String looking setMyAttr(String )
customDimension The value is a dimension looking setMyAttr(float )
customBoolean   The value is true or false looking setMyAttr(boolean )

Constraint支持的屬性

上述就是約束的基礎(chǔ)屬性了,寫在這里的有個問題怒坯，它只能設(shè)置一個初始值，一個結(jié)束值藻懒，然后中間由系統(tǒng)自動處理剔猿。
比如開頭demo里的viewpager，有5個頁面嬉荆，進度從0到100归敬，如果我們只打算在最后一個頁面出來的時候處理些東西，那么進度應(yīng)該是在80到100之間的，這個上邊的做不到了汪茧，就需要Transition里KeyFrameSet來處理了椅亚，比如,下邊的透明度在進度從0到20的時候就變化完成了，進度20之后的就完全是不透明了

        <KeyFrameSet>
            <KeyAttribute
                android:alpha="0"
                app:framePosition="0"
                app:motionTarget="@+id/btn_pre" />
            <KeyAttribute
                android:alpha="1"
                app:framePosition="20"
                app:motionTarget="@id/btn_pre" />

Transition

下邊2個屬性舱污，一個是動畫起始的時候的約束set呀舔，一個是結(jié)束的時候的約束set，指向上邊介紹的ConstraintSet
查看demo扩灯，發(fā)現(xiàn)constraintSetStart 或者constraintSetEnd 也可以指向一個布局文件媚赖。

constraintSetStart ConstraintSet to be used as the start constraints or a layout file to get the constraint from
constraintSetEnd ConstraintSet to be used as the end constraints or a layout file to get the constraint from

OnSwipe (optional)

處理觸摸事件的

dragDirection 就是手指滑動的方向了，左右珠插，上下 觸發(fā)動畫事件惧磺，拖動到一半松手，動畫自動就還原了捻撑。
touchAnchorId 這個東西好像是那個在進行動畫的view的id磨隘。

OnClick (optional)

這個就2個屬性，target 指向一個view的id布讹，指定點擊哪個view觸發(fā)事件
第二個就是mode了琳拭，有5種 transitionToEnd, toggle, transitionToStart, jumpToEnd, jumpToStart
就是前邊Transition里的constraintSetStart和constraintSetEnd 決定從start到end還是end到start
jumpToEnd, jumpToStart好像就是直接結(jié)束動畫了，以前測試版會異常描验，正式版試了下好像不掛白嘁，就是直接從start切換為end狀態(tài)或者反過來.

KeyFrameSet關(guān)鍵幀的集合

前邊一堆，我們也看到我們的動畫只有開頭和結(jié)束兩種狀態(tài)膘流，中間其實就是線性的對x和y的位置進行過渡的絮缅。
比如view開始在左上角，結(jié)束在右下角呼股，那么正常動畫就是斜線了耕魄。
如果我們需要view拐個彎啥的，咋辦了彭谁。KeyFrameSet就是干這個用的吸奴，可以插入一些中間幀。

image.png

研究下簡單的兩種

KeyPosition

這個是修改關(guān)鍵幀的位置的

motionTarget :指定是哪個view缠局，因為動畫過程可能有N個在發(fā)生變化则奥，總得說下這個是給誰的
framePosition 這個就是動畫運行的百分比，0到100
keyPositionType：deltaRelative | pathRelative|parentRelative 下邊說
percentX 指定在framePostion這個時間點的時候x應(yīng)該在啥位置狭园，這個是個百分比读处，0到1之間的值,具體是誰的百分比要看keyPositionType，delta話這里就是target的start和end的x坐標的差值;path的話就是值起點到終點的路徑的百分比唱矛。parent顧名思義罚舱，指的就是MotionLayout這個容器的橫軸的百分比
percentY一個道理
sizePercent 這個和上邊x井辜，y其實一樣，不過這里是對大小改變的view來說的管闷。
https://medium.com/google-developers/defining-motion-paths-in-motionlayout-6095b874d37
上邊的帖子有講坐標軸粥脚，percentX，percentY是有正負一說的,而且所對應(yīng)的值也是path這個坐標系統(tǒng)對應(yīng)的值,帖子里的parentRelative的圖片感覺y軸畫反了渐北，大家自己實驗下吧阿逃。

1. pathRelative
   正負咋區(qū)分铭拧？
   簡單赃蛛，從start 到end就是x軸的正向，y軸就是start為圓點搀菩，順時針旋轉(zhuǎn)90度呕臂，ok.

   
   
   image.png

2. deltaRelative
   也是從起點到終點，不過坐標軸是和屏幕一樣肪跋，是橫豎的歧蒋，不像parentRelative坐標軸可能是歪的，
   至于正負州既，從起點往終點的方向就是正的谜洽，反之就是負的

   
   
   image.png

3. parentRelative
   這個就更簡單了，坐標軸是parent吴叶，左上角是圓點阐虚，和我們平時的坐標系統(tǒng)一樣，下圖好像y軸反了蚌卤？

   
   
   image.png

KeyAttribute

CustomAttribute

attributeName這個需要注意一下实束，這里的名字不是xml里的，而是控件對應(yīng)的setXXX方法對應(yīng)的XXX逊彭。
舉例咸灿，
設(shè)置背景，在xml里是android:background="#222"侮叮，想測試下動態(tài)修改背景圖片避矢，愣是沒找到咋弄，CustomAttribute 里好像沒有設(shè)置背景圖片的.

<CustomAttribute app:attributeName="backgroundColor"   app:customColorValue="@color/colorPrimaryDark"/>
<CustomAttribute app:attributeName="backgroundColor"  app:customColorValue="#2196F3"/>

這個是修改在關(guān)鍵幀的地方控件的屬性

            <KeyAttribute
                android:scaleX="2"
                android:scaleY="2"
                android:rotation="-45"
                motion:framePosition="50"
                motion:target="@id/button" />

KeyCycle

image.png

app:wavePeriod 這個就是波形的次數(shù)囊榜，比如正弦從0到360是一次审胸，你要執(zhí)行2次，這里就寫個2
app:framePosition 和上邊一樣锦聊，指定一個時間點歹嘹，在這個附近應(yīng)用Cycle
android:rotation="50" 下邊列子是一個角度旋轉(zhuǎn)的動畫，這里指定50孔庭，就是最大值了尺上。
android:translationY="50dp" 表示y軸的最大偏移量就是50dp
實際的動畫受到波形的影響材蛛。比如波形是正弦，那么正弦的值從0到1到0再到-1最后又到0
那么實際的角度 就是不停的變化了怎抛，就是那個50度乘以這個正弦值卑吭。
其他的波形邏輯是一樣的，不過那些波形的值的變化沒研究马绝，不太清楚豆赏。
舉例如下

            <KeyCycle
                app:target="@+id/btn_test"
                android:rotation="50"
                app:framePosition="50"
                app:wavePeriod="1"
                app:waveShape="sin" />

下邊是支持的標準屬性，用這些屬性富稻，加上波形掷邦，就可以讓控件忽明忽暗，一會變大一會縮小椭赋，旋轉(zhuǎn)了抚岗。看自己需求了哪怔。宣蔚。。

image.png

KeyTrigger

舉個列子,在進度為50的時候會執(zhí)行onCross里的方法performClick,誰的點擊事件认境？自然是mationTarget指定的胚委，

<KeyTrigger
                app:framePosition="50"
                app:motionTarget="@+id/view_pin"
                app:onCross="performClick"
                app:onNegativeCross="performLongClick"
                app:triggerSlack="1" />

可以理解為觸發(fā)器，就是在某一位置framePostion的時候會回調(diào)容器MotionLayout的TransitionListener里的onTransitionTrigger 的方法叉信，參數(shù)triggerId就是上邊KeyTrigger里定義的亩冬，沒有定義的話就是-1，progress就是當前的進度從0到1茉盏，positive咋說了鉴未，比如我們上邊寫的觸發(fā)機制是position 50，如果比這個晚的比如返回的progress是0.51那么就是true鸠姨，如果是0.49這樣的就是false

public void addTransitionListener(MotionLayout.TransitionListener listener) 
public abstract void onTransitionTrigger (MotionLayout motionLayout, 
                int triggerId, 
                boolean positive, 
                float progress)

試了下铜秆，只有第一次start到end，和從end返回start 會觸發(fā)trigger回調(diào)讶迁，其他時候就沒有了连茧，onCross方法也只有第一次有，后邊就沒了.不太清楚是姿勢不對還是本來就這樣巍糯，待研究.

補充

demo里看到下邊的代碼啸驯，初始不知道干啥的

    <com.google.androidstudio.motionlayoutexample.helpers.ExampleFlyinBounceHelper
        android:id="@+id/helper"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:constraint_referenced_ids="imageView9"/>

然后看了下它的類，發(fā)現(xiàn)里邊就是對某個view進行了一個平移動畫

public class ExampleFlyinBounceHelper extends ConstraintHelper {
    protected ConstraintLayout mContainer;
//構(gòu)造方法省略祟峦。
    @Override
    public void updatePreLayout(ConstraintLayout container) {
        if (mContainer!=container) {
            View[] views = getViews(container);
            for (int i = 0; i < mCount; i++) {
                View view = views[i];
                ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationX", - 2000, 0).setDuration(1000);
                animator.setInterpolator(new BounceInterpolator());
                animator.start();
            }
        }
        mContainer = container;
    }
}

然后簡單研究下這個類
可以看到它主要是讀取了一個屬性constraint_referenced_ids
我們在ConstraintLayout里見過這個罚斗，就是關(guān)聯(lián)id，多個的話用逗號隔開宅楞。
如下

app:constraint_referenced_ids="imageButton2,imageView9"

源碼簡化部分针姿，以及可能用到的方法袱吆，變量等

public abstract class ConstraintHelper extends View {
    protected int[] mIds = new int[32];//保存關(guān)聯(lián)的id，當然了這個數(shù)組比較大
    protected int mCount;//關(guān)聯(lián)的id個數(shù)
    public int[] getReferencedIds() {//這個是真實的id個數(shù)的數(shù)組
        return Arrays.copyOf(this.mIds, this.mCount);
    }
TypedArray a = this.getContext().obtainStyledAttributes(attrs, styleable.ConstraintLayout_Layout);
if (attr == styleable.ConstraintLayout_Layout_constraint_referenced_ids) {
                    this.mReferenceIds = a.getString(attr);
                    this.setIds(this.mReferenceIds);
                }

//關(guān)聯(lián)的這些id對應(yīng)的view數(shù)組
protected View[] getViews(ConstraintLayout layout){
}

//然后下邊幾個方法會不停的調(diào)用
public void updatePreLayout(ConstraintLayout container){
//這個應(yīng)該是預(yù)加載距淫，在measure和layout之前绞绒。
}
//首次加載view，我們知道m(xù)easure和layout會執(zhí)行2次榕暇，這個也是
    public void updatePostLayout(ConstraintLayout container) {
    }

    public void updatePostMeasure(ConstraintLayout container) {
    }

1. 布局初始狀態(tài)加載完成蓬衡，當我們移動布局，
   會多次執(zhí)行
   updatePreLayout
   updatePostMeasure
   當移動結(jié)束的時候會執(zhí)行
   updatePostLayout
2. 調(diào)用motionLayout.transitionToStart() 自動移動的話彤枢，
   執(zhí)行順序如下
   updatePostMeasure
   updatePreLayout
   updatePostMeasure
   updatePostLayout

就如demo里寫的狰晚，這個helper類，主要就是用來對一些view做特殊處理堂污。它本身默認寬高都是0的家肯。

MotionLayout的常用方法

設(shè)置當前的進度龄砰。

public void setProgress(float pos)

移動到開始或結(jié)束位置

    public void transitionToStart() {
        this.animateTo(0.0F);
    }

    public void transitionToEnd() {
        this.animateTo(1.0F);
    }

繼續(xù)學(xué)習(xí)

Defining motion paths in MotionLayout

KeyPosition

framePosition：這個就是關(guān)鍵幀的位置盟猖？咋說了，總的幀是100换棚，我們知道有個interpolator的東西式镐，以線性的interpolator來舉例。從起點A【50,100】移動到終點B【150,100】固蚤，需要100秒娘汞，在中心點【100,100】的地方，幀是50夕玩，耗時一半也就是50秒你弦， 現(xiàn)在我們弄個關(guān)鍵幀，framePosition=50燎孟，完事修改這個幀的位置為C【60,100】那么結(jié)果就是從起點A【50,100】移動到C【60,100】耗時50秒禽作，后邊C到終點B【150,100】耗時50秒。
下邊有效果圖揩页，看那虛線密度不一樣也能大概看出來旷偿。
主要學(xué)習(xí)下
percentX,percentY【大小從0到1f】,
keyPositionType[3種:parentRelative,pathRelative,deltaRelative] 之間的關(guān)系

            <KeyPosition
                app:keyPositionType="pathRelative"
                app:percentY="-0.25"
                app:percentX="0.5"
                app:framePosition="50"
                app:transitionEasing="accelerate"
                app:motionTarget="@id/btn_test"/>

下邊幾種起始點和結(jié)束點都一樣，起始點在中心爆侣，結(jié)束點在左上角有個margin而已萍程。分別是A和B
C就是我們的keyPostiion

1. parentRelative
   實際結(jié)果來看，坐標原點還是左上角兔仰，x軸往右是正的茫负，y軸往下是正的。所以下圖感覺畫的不太合適

   
   
   image.png
   
   

   percentX 就是parent水平方向的百分比
   percentY：parent的垂直方向的百分比
   代碼

            <KeyPosition
                app:keyPositionType="parentRelative"
                app:percentX="0.75"
                app:percentY="0.25"
                app:framePosition="50"
                app:transitionEasing="accelerate"
                app:motionTarget="@id/btn_test"/>

效果圖如下

image.png

2. deltaRelative
   percentX,percentY 對應(yīng)的百分比乎赴，是參照起點和終點之間的x忍法，y軸距離的,正負也是按照從起點到重點來的置吓，
   如果B在A的右邊，那么percentX為正就是右邊的
   參考這個

   
   
   image.png

代碼

            <KeyPosition
                app:keyPositionType="deltaRelative"
                app:percentX="0.75"
                app:percentY="0.25"
                app:framePosition="50"
                app:transitionEasing="accelerate"
                app:motionTarget="@id/btn_test"/>

image.png

3. pathRelative
   就是說x軸就是起點start連接到終點end這段距離缔赠，至于y軸就是和這條路徑垂直的衍锚，至于方向x軸順時針90度那個是y軸的方向
   代碼如下

            <KeyPosition
                app:keyPositionType="pathRelative"
                app:percentX="0.5"
                app:percentY="0.5"
                app:framePosition="50"
                app:transitionEasing="accelerate"
                app:motionTarget="@id/btn_test"/>

image.png

pathMotionArc

大家知道，沒有中間點的話嗤堰，start到end之間就是線性移動的戴质，如果想要弧形移動咋辦，非常簡單
You will simply need to add the motion:pathMotionArc attribute to the starting Constraint, to switch from the default linear motion to an arc motion

    <ConstraintSet
        android:id="@+id/start" >
        <Constraint
            app:pathMotionArc="startVertical"
            android:id="@id/btn_test"

這個屬性有4種值：設(shè)置的話一般就startVertical或startHorizontal踢匣，要不就不寫
none：默認的告匠，就是線條
startVertical：圓弧起點往下或者往上，根據(jù)終點絕點
startHorizontal: 圓弧從起點往左或者往右离唬，根據(jù)終點決定后专，
flip：這個結(jié)果和startHorizontal一樣，其實這個需要參照物的输莺，可沒有
看下上邊鏈接里寫的flipping the current arc direction 戚哎，反轉(zhuǎn)當前圓弧的方向。

image.png

上邊的是沒有中間點的情況嫂用，如果有中間點咋辦型凳？
中間點可以控制自己之后的圓弧方向，或者還原成直線
如下代碼,一樣的屬性嘱函，value也是4種可選甘畅，
不過這里的flip就有實際意義了，如果之前的是startVertical往弓，那么這里flip就相當于startHorizontal疏唾，同理之前是startHorizontal，這里就相當于startVertical
如果是none函似，那么這后邊的就成直線了槐脏。

        <KeyFrameSet>
            <KeyPosition
                app:pathMotionArc="flip"
                app:framePosition="50"

transitionEasing

這個影響插值器的，默認的是線性的缴淋，這里可以修改准给，系統(tǒng)已經(jīng)寫好了幾個可以用的

        <Constraint
            app:pathMotionArc="startHorizontal"
            app:transitionEasing="decelerate"

可用的standard, accelerate, decelerate
還有這種cubic(float, float , float, float) 就是個一階貝塞爾曲線，所以這里是2個點的坐標重抖，百分比露氮，從0到1的
當然可以大于1，不過大于1你會發(fā)現(xiàn)钟沛，時間本來是2秒畔规，結(jié)果1秒可能就到終點了。
比如

 app:transitionEasing="cubic(0.0, 0.0, 0.2, 1)"

KeyAttribute

也是處理中間狀態(tài)的恨统，不過這里是處理一些基本屬性的叁扫，比如縮放三妈，旋轉(zhuǎn)，平移莫绣，透明度等畴蒲。

<KeyFrameSet>
    <KeyAttribute
        android:scaleX="2"
        android:scaleY="2"
        android:rotation="-45"
        motion:framePosition="50"
        motion:target="@id/button" />
</KeyFrameSet>

Supported Attributes
The attributes you can use out of the box are view attributes:
android:visibility, android:alpha, android:elevation, android:rotation, android:rotationX, android:rotationY, android:scaleX, android:scaleY, android:translationX, android:translationY, android:translationZ
這些屬性和sdk版本掛鉤的，如下2個对室，21才支持模燥，所以21以下我們設(shè)置是無用的
android:elevation was introduced in SDK 21
android:translationZ was introduced in SDK 21

Custom Attributes

修改控件屬性的
可以放在Constraint里，也可以放在KeyAttribute里
看幾個例子

        <Constraint
            android:id="@id/btn_test"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:layout_marginTop="80dp"
            android:layout_marginRight="30dp"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <CustomAttribute app:attributeName="background"
                app:customColorDrawableValue="@color/book_content_bg_color"/>
        </Constraint>


            <KeyAttribute
                android:scaleX="2"
                android:scaleY="2"
                android:rotation="-45"
                app:framePosition="50"
                app:motionTarget="@id/btn_test">
                <CustomAttribute   省略 />
            </KeyAttribute>

attributeName：這個是控件本身xml里支持的掩宜，名字就是xml里的蔫骂，首字母大小寫都可以,名字不對不會生效，自己試下就知道了牺汤。

剩下的是個value辽旋，有好幾種，就是區(qū)分是顏色檐迟，文字补胚，小數(shù)整數(shù)等的，看名字也就大概知道了
這里說下背景色的

            <CustomAttribute
                app:attributeName="background"
                app:customColorDrawableValue="@color/colorAccent" />

            <CustomAttribute
                app:attributeName="BackgroundColor"
                app:customColorValue="@color/color_blue" />

比如修改文字

            <CustomAttribute
                app:attributeName="text"
                app:customStringValue="開始"/>

touchAnchorId

需要說一下锅减，這個id是必須的糖儡，要不手指觸摸屏幕滑動的時候直接就掛了，說找不到view之類的錯誤

        <OnSwipe app:dragDirection="dragDown"
            app:touchAnchorId="@+id/btn_test"
            app:touchAnchorSide="left"/>

使用經(jīng)驗

1. onSwipe
   這個標簽作用就是手指滑動就可以執(zhí)行動畫了怔匣，啥參數(shù)也沒有，默認是手指上下滑動進行移動桦沉。

<onSwipe />

touchAnchorId：這個可以不寫每瞒，它默認應(yīng)該有一個吧。就是ConstraintSet里的某個Constraint纯露。 如果寫了剿骨，必須寫Constraint對應(yīng)的id，比如你有2個Constraint埠褪，寫任何一個的id都可以浓利。寫誰就參照誰來移動。 如果你寫了一個非Constraint的id钞速，比如MotionLayout里的某個不變化的控件id贷掖，那么移動的會后你會發(fā)現(xiàn)沒有過程，start到end之間是瞬間切換的渴语。

2. app:pathMotionArc="startVertical"
   前邊介紹過這個苹威，兩個點直接本來是直線，用這個可以變成弧線驾凶。startHorizontal一個道理
   不過實際使用中發(fā)現(xiàn)個問題,我的view變化是x軸的【y軸變化也一樣牙甫，換句話說掷酗，不能是橫線或豎線變化】，我也想看看x軸的窟哺，它咋弄泻轰，結(jié)果是它掛了。哈哈且轨。
   反正start和end的x糕殉，或者y坐標不能一樣，至少有點偏差才能用上邊的屬性

    java.lang.ArrayIndexOutOfBoundsException: length=1; index=1
        at androidx.constraintlayout.motion.utils.ArcCurveFit.getPos(ArcCurveFit.java:51)