老熟女激烈的高潮_日韩一级黄色录像_亚洲1区2区3区视频_精品少妇一区二区三区在线播放_国产欧美日产久久_午夜福利精品导航凹凸

androidMaterialDesign怎么創(chuàng)建新動畫

這篇“android Material Design怎么創(chuàng)建新動畫”文章的知識點大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“android Material Design怎么創(chuàng)建新動畫”文章吧。

成都創(chuàng)新互聯(lián)專注于辛集網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供辛集營銷型網(wǎng)站建設(shè),辛集網(wǎng)站制作、辛集網(wǎng)頁設(shè)計、辛集網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù),打造辛集網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供辛集網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

Material Design中的動畫將為用戶提供操作反饋并在用戶與您的應(yīng)用進行互動時提供視覺連續(xù)性。 Material  Design將為按鈕與操作行為轉(zhuǎn)換提供一些默認動畫,而 Android 5.0(API Level  21)及更高版本可讓您定制這些動畫,同時也可創(chuàng)建新動畫:

一、觸摸反饋動畫

效果圖:

android Material Design怎么創(chuàng)建新動畫

Material Design的觸摸反饋可在用戶與 UI 元素互動時,在接觸點上提供即時視覺確認。 適用于按鈕的默認觸摸動畫使用全新  RippleDrawable類別,以波紋效果實現(xiàn)不同狀態(tài)間的轉(zhuǎn)換。

在大多數(shù)情況下,應(yīng)以下列方式指定視圖背景,在您的視圖 XML 中應(yīng)用此功能:

  • android:attr/selectableItemBackground 指定有界的波紋。

  • android:attr/selectableItemBackgroundBorderless 指定越過視圖邊界的波紋。  它將由一個非空背景的視圖的最近父項所繪制和設(shè)定邊界。

任何view處于可點擊狀態(tài),都可以使用RippleDrawable來達到水波紋特效,而且必須處于可點擊狀態(tài),才會出現(xiàn)波紋動畫效果。

在代碼中可以這樣設(shè)置:

android Material Design怎么創(chuàng)建新動畫

注意:selectableItemBackgroundBorderless是 API Level 21 中推出的新屬性。

此外,您可利用 ripple元素將 RippleDrawable定義為一個 XML 資源。

您可以為 RippleDrawable對象指定一種顏色。如果要改變默認觸摸反饋顏色,請使用主題的  android:colorControlHighlight屬性。

如果要了解更多信息,請參閱 RippleDrawable類別的 API 參考文檔。

我們來看看系統(tǒng)自帶的觸摸反饋動畫是怎么實現(xiàn)的,為什么只需要在view的background或者foreground屬性設(shè)置成?android:attr/selectableItemBackground或者?android:attr/selectableItemBackgroundBorderless就可以實現(xiàn)波紋動畫的效果?這兩個屬性點進去,可以看到在路徑sdk/platforms/android-xx/data/res/values/attrs.xml文件中有定義這么兩個屬性:

      

我們想到,這兩個屬性既然是整個app中有效的,那可能會是在Theme中的屬性吧,那就去AndroidManifest文件中跟這個Theme一步步看下去,***在Base.V21.Theme.AppCompat.Light這個style中看到確實是有這兩個item屬性:

?android:attr/selectableItemBackground  ?android:attr/selectableItemBackgroundBorderless

但是這里還是調(diào)用的系統(tǒng)的定義的屬性,繼續(xù)往下追,在android:Theme.Material和android:Theme.Material.Light中,可以看到:

@drawable/item_background_material  @drawable/item_background_borderless_material

然后sdk路徑下platforms\\android-xx\\data\\res\\drawable可以找到這些資源文件如下圖:

android Material Design怎么創(chuàng)建新動畫

item_background_material的內(nèi)容是:

                        

item_background_borderless_material的內(nèi)容是:

系統(tǒng)的做法是用ripple元素將 RippleDrawable定義為一個 XML  資源,而通過看View的源碼中在構(gòu)造方法中是這樣獲取background屬性的:

public View(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {          this(context);           final TypedArray a = context.obtainStyledAttributes(                  attrs, com.android.internal.R.styleable.View, defStyleAttr, defStyleRes);           if (mDebugViewAttributes) {              saveAttributeData(attrs, a);          }           Drawable background = null;           switch (attr) {              case com.android.internal.R.styleable.View_background:                  background = a.getDrawable(attr);                  break;          .          .          .  }

也就是說,這個background實際上就是RippleDrawable類。那我們就來看看這個RippleDrawable內(nèi)部到底是怎么做的吧。

首先官方文檔對RippleDrawable解釋是

Drawable that shows a ripple effect in response to state changes. The  anchoring position of the ripple for a given state may be specified by calling  setHotspot(float, float)with the corresponding state attribute identifier.

通過顯示出波紋效果來響應(yīng)狀態(tài)的改變,對于給定狀態(tài)的波紋的錨定位置可以通過調(diào)用具有對應(yīng)的狀態(tài)屬性標識符的setHotspot(float,float)來指定。

RippleDrawable繼承自LayerDrawable,而LayerDrawable是繼承Drawable,RippleDrawable又是為了響應(yīng)View的statechange,那就看看Drawable類中對點擊時的狀態(tài)處理吧。

public boolean setState(@NonNull final int[] stateSet) {      if (!Arrays.equals(mStateSet, stateSet)) {          mStateSet = stateSet;          return onStateChange(stateSet);      }      return false;  }

給Drawable設(shè)置狀態(tài)屬性時,會把狀態(tài)的數(shù)組傳給onStateChange方法,在RippleDrawable中重寫了onStateChange。

android Material Design怎么創(chuàng)建新動畫

看到setRippleActive和setBackgroundActive這兩個方法應(yīng)該可以猜到是什么意思了,接著看。

private void setRippleActive(boolean active) {      if (mRippleActive != active) {          mRippleActive = active;          if (active) {              tryRippleEnter();          } else {              tryRippleExit();          }      }  }

如果Drawable是enable=true且pressd=true時,會調(diào)用tryRippleEnter方法

android Material Design怎么創(chuàng)建新動畫

看到這里,我們可以知道要開始做波紋動畫的效果了。mRipple  是RippleForeground類的實例,然而我沒有在RippleForeground類中找到setup和enter方法,但是RippleForeground繼承自RippleComponent類,于是,我在這個類中發(fā)現(xiàn)了這兩個方法。

public final void setup(float maxRadius, int densityDpi) {      if (maxRadius >= 0) {          mHasMaxRadius = true;          mTargetRadius = maxRadius;      } else {          mTargetRadius = getTargetRadius(mBounds);      }       mDensityScale = densityDpi * DisplayMetrics.DENSITY_DEFAULT_SCALE;       onTargetRadiusChanged(mTargetRadius);  }

setup是初始化一系列參數(shù),enter創(chuàng)建一個動畫并開始動畫。

android Material Design怎么創(chuàng)建新動畫

從上面創(chuàng)建動畫的代碼可以看到,實際上是一個組合的屬性動畫,然后自定義了三個屬性波紋半徑TWEEN_RADIUS、波紋中心點TWEEN_ORIGIN和波紋的不透明度OPACITY。通過這三個屬性的過渡變化得到一個復(fù)合的動畫。以上就是前景波紋動畫效果的實現(xiàn)過程。

private void setBackgroundActive(boolean active, boolean focused) {      if (mBackgroundActive != active) {          mBackgroundActive = active;          if (active) {              tryBackgroundEnter(focused);          } else {              tryBackgroundExit();          }      }  }

mBackground是RippleBackground類的實例,與RippleForeground不同的是,背景動畫只是改變了不透明度。

@Override  protected Animator createSoftwareEnter(boolean fast) {      // Linear enter based on current opacity.      final int maxDuration = fast ? OPACITY_ENTER_DURATION_FAST : OPACITY_ENTER_DURATION;      final int duration = (int) ((1 - mOpacity) * maxDuration);       final ObjectAnimator opacity = ObjectAnimator.ofFloat(this, OPACITY, 1);      opacity.setAutoCancel(true);      opacity.setDuration(duration);      opacity.setInterpolator(LINEAR_INTERPOLATOR);       return opacity;  }

以上分析的都是手指觸摸view時產(chǎn)生的enter波紋動畫,當手指抬起時state也會改變,會產(chǎn)生一個exit動畫,這里就不詳細分析了。

二、使用揭露效果

效果圖:

android Material Design怎么創(chuàng)建新動畫

當需要顯示或隱藏一組UI元素時,揭露動畫可為用戶提供視覺連續(xù)性。

/* @param view The View will be clipped to the animating circle.要隱藏或顯示的view   * @param centerX The x coordinate of the center of the animating circle, relative to view.動畫開始的中心點X   * @param centerY The y coordinate of the center of the animating circle, relative to view.動畫開始的中心點Y   * @param startRadius The starting radius of the animating circle.動畫開始半徑   * @param endRadius The ending radius of the animating circle.動畫結(jié)束半徑   */  public static Animator createCircularReveal(View view,          int centerX,  int centerY, float startRadius, float endRadius) {      return new RevealAnimator(view, centerX, centerY, startRadius, endRadius);  }

RevealAnimator和之前的動畫使用沒什么區(qū)別,同樣可以設(shè)置監(jiān)聽器和加速器來實現(xiàn)各種各樣的特效,該動畫主要用在隱藏或者顯示一個view,改變view的大小等過渡效果。

顯示view:

final TextView tv9 = (TextView) findViewById(R.id.tv9);   findViewById(R.id.content_main).setOnClickListener(new View.OnClickListener() {      @Override public void onClick(View v) {          // get the center for the clipping circle          int cx = (tv9.getRight() - tv9.getLeft()) / 2;          int cy = (tv9.getBottom() - tv9.getTop()) / 2;           // get the final radius for the clipping circle          int finalRadius = Math.max(tv9.getWidth(), tv9.getHeight());           // create the animator for this view (the start radius is zero)          final Animator anim = ViewAnimationUtils.createCircularReveal(tv9, cx, cy, 0, finalRadius);           tv9.setVisibility(View.VISIBLE);           anim.start();      }  });

隱藏view:

final TextView tv9 = (TextView) findViewById(R.id.tv9);   tv9.setOnClickListener(new View.OnClickListener() {      @Override public void onClick(View v) {          // get the center for the clipping circle          int cx = (tv9.getRight() - tv9.getLeft()) / 2;          int cy = (tv9.getBottom() - tv9.getTop()) / 2;           // get the final radius for the clipping circle          int initRadius = Math.max(tv9.getWidth(), tv9.getHeight());           // create the animator for this view (the start radius is zero)          final Animator anim = ViewAnimationUtils.createCircularReveal(tv9, cx, cy, initRadius, 0);           anim.addListener(new AnimatorListenerAdapter() {              @Override public void onAnimationEnd(Animator animation) {                  super.onAnimationEnd(animation);                  // make the view visible and start the animation                  tv9.setVisibility(View.INVISIBLE);              }          });          anim.start();      }  });

沿著中心縮?。?/p>

Animator animator = ViewAnimationUtils.createCircularReveal(view, view.getWidth() / 2, view.getHeight() / 2, view.getWidth(), 0);  animator.setInterpolator(new LinearInterpolator());  animator.setDuration(1000);  animator.start();

從左上角擴展:

Animator animator = ViewAnimationUtils.createCircularReveal(view,0,0,0,(float) Math.hypot(view.getWidth(), view.getHeight()));  animator.setDuration(1000);  animator.start();

三、使用轉(zhuǎn)場動畫

效果圖以共享元素的轉(zhuǎn)場動畫為例:

android Material Design怎么創(chuàng)建新動畫

MaterialDesign應(yīng)用中的操作行為轉(zhuǎn)換透過通用元素之間的移動和轉(zhuǎn)換提供不同狀態(tài)之間的視覺連接??蔀檫M入、退出轉(zhuǎn)換以及操作行為之間的共享元素轉(zhuǎn)換指定定制動畫。在5.0之前,我們可以在startActivity之后調(diào)用overridePendingTransition來指定Activity的轉(zhuǎn)場動畫。

  • 進入轉(zhuǎn)換將決定操作行為中視圖如何進入場景。例如,在分解進入轉(zhuǎn)換中,視圖將從屏幕外進入場景并飛往屏幕中心。

  • 退出轉(zhuǎn)換將決定操作行為中應(yīng)用行為的顯示視圖如何退出場景。例如,在分解退出轉(zhuǎn)換中,視圖將從屏幕中心退出場景。

  • 共享元素轉(zhuǎn)換將決定兩個操作行為轉(zhuǎn)換之間共享的視圖如何在這些操作行為中轉(zhuǎn)換。  例如,如果兩個操作行為擁有相同的圖像,但其位置與大小不同,changeImageTransform共享元素轉(zhuǎn)換將在這些操作行為之間平滑地轉(zhuǎn)換與縮放圖像。

Android 5.0(API Level 21)支持這些進入與退出轉(zhuǎn)換:(普通過渡動畫)

  • 分解 - 從場景中心移入或移出視圖。

  • 滑動 - 從場景邊緣移入或移出視圖。

  • 淡入淡出 - 通過調(diào)整透明度在場景中增添或移除視圖。

也支持這些共享元素轉(zhuǎn)換:(共享元素的過渡動畫)

  • changeBounds - 為目標視圖的大小添加動畫。

  • changeClipBounds - 為目標視圖的裁剪大小添加動畫。

  • changeTransform - 為目標視圖的縮放、旋轉(zhuǎn)和位移添加動畫。

  • changeImageTransform - 為目標圖片的縮放、旋轉(zhuǎn)和位移添加動畫。

指定轉(zhuǎn)場動畫

要想使用新的轉(zhuǎn)場動畫,可以繼承Material Design主題后在style風(fēng)格中指定:

android Material Design怎么創(chuàng)建新動畫

其中,change_image_transform定義如下:

          

如果要帶代碼中開啟窗口內(nèi)容轉(zhuǎn)換,需要調(diào)用Window.requestFeature()方法。

android Material Design怎么創(chuàng)建新動畫

普通轉(zhuǎn)場動畫:

所有繼承自visibility類都可以作為進入、退出的過度動畫。如果我們想自定義進入和退出時的動畫效果,只需要繼承Visibility,重載onAppear和onDisappear方法來定義進入喝退出的動畫。系統(tǒng)提供了三種默認方式:

  • explode 從屏幕中心移入或移出視圖

  • slide 從屏幕邊緣移入或移出視圖

  • fade 改變視圖的透明度

想在xml中指定自定義的進入、退出的過度動畫需要先對動畫進行定義:

注意:其中CustomTransition是我們自定義的動畫,它必須繼承自Visibility。

想以普通轉(zhuǎn)場動畫的方式啟動一個Activity,必須在startActivity函數(shù)中傳遞一個ActivityOptions的Bundle對象:

ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(activity);   startActivity(intent, options.toBundle());

如果想讓返回也具備轉(zhuǎn)場效果,那么在返回的Activity中不要再調(diào)用finish函數(shù),而是應(yīng)該使finishAfterTransition來結(jié)束一個Activity,該函數(shù)會等待動畫執(zhí)行完畢才結(jié)束該Activity。

共享轉(zhuǎn)場動畫:

如果要在兩個具有共享元素的Activity之間使用轉(zhuǎn)場動畫,那么:

1、在題中啟用窗口內(nèi)容轉(zhuǎn)換。android:windowContentTransitions

2、在Theme中指定一個共享元素轉(zhuǎn)換。

3、將transitions定義為xml資源。

4、利用 android:transitionName屬性對兩個布局中的共享元素指定一個通用名稱。

5、使用 ActivityOptions.makeSceneTransitionAnimation()方法。

// get the element that receives the click event  final View imgContainerView = findViewById(R.id.img_container);   // get the common element for the transition in this activity  final View androidRobotView = findViewById(R.id.image_small);   // define a click listener  imgContainerView.setOnClickListener(new View.OnClickListener() {      @Override      public void onClick(View view) {          Intent intent = new Intent(this, Activity2.class);          // create the transition animation - the images in the layouts          // of both activities are defined with android:transitionName="robot"          ActivityOptions options = ActivityOptions              .makeSceneTransitionAnimation(this, androidRobotView, "robot");          // start the new activity          startActivity(intent, options.toBundle());      }  });

如果要在代碼中生成共享view,那么需要調(diào)用View.setTransitionName()方法對兩個布局中的共享元素指定一個通用名稱。

如果有多個共享元素,則可以通過Pair進行包裝處理:

ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(activity,        Pair.create(view1, "name1"),//這里view1、view2如果是TextView或者ImageView等,需要轉(zhuǎn)成View類型才可以        Pair.create(view2, "name2"));        startActivity(intent,.toBundle());

返回時如果需要具備轉(zhuǎn)場動畫,那么也需要用finish函數(shù)替代finishAfterTransition來結(jié)束一個Activity。

使用曲線運動

因為曲線運動和屬性動畫以及貝塞爾曲線這些東西混雜在一起,所以準備把這節(jié)拿出來單獨寫。這里就不多說了。

視圖狀態(tài)改變

Android  5.0在原有的圖片選擇器和顏色選擇器上進行了增強,不僅是控件能根據(jù)不同的狀態(tài)顯示不同的背景圖片,還能在兩種狀態(tài)切換時指定一個動畫,來增加過渡效果,吸引用戶眼球,以突出重點內(nèi)容。

StateListAnimator類和圖片選擇器,顏色選擇器類似,可以根據(jù)view的狀態(tài)改變呈現(xiàn)不同的動畫效果,通過xml我們可以構(gòu)建對應(yīng)不同狀態(tài)的動畫合集,其使用方式也非常簡單,在對應(yīng)的狀態(tài)指定一個屬性動畫即可:

                                                                                              

代碼中這樣加載即可:

TextView tv11 = (TextView) findViewById(R.id.tv11);  StateListAnimator stateLAnim = AnimatorInflater.loadStateListAnimator(this,R.drawable.selector_for_button);  tv11.setStateListAnimator(stateLAnim);

繼承了Material主題后,按鈕默認擁有了z屬性動畫。如果想取消這種默認狀態(tài),可以把狀態(tài)動畫指定為null。

除了StateListAnimator類指定狀態(tài)切換的屬性動畫外,還可以通過AnimatedStateListDrawable來指定狀態(tài)切換的幀動畫:

                                                                                        

幀動畫的資源文件直接在xml中作為view的background即可。

四、矢量圖動畫

效果圖:

android Material Design怎么創(chuàng)建新動畫

先在drawable中定義一張矢量圖:

                                                     

然后在anim中定義動畫:

          

***在drawable中定義一個animated-vector:將動畫資源指定給drawable屬性值的矢量圖。

    

注意:這里drawable屬性值是前面我們定義的矢量圖,target中name要和矢量圖中path的name一樣,animation就是前面定義的動畫資源文件。

在view的xml中使用以及在代碼中開始動畫:

ImageView iv = (ImageView) findViewById(R.id.iv);  Drawable drawable = iv.getDrawable();  if (drawable instanceof Animatable) {      ((Animatable) drawable).start();  }

以上就是關(guān)于“android Material Design怎么創(chuàng)建新動畫”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對大家有幫助,若想了解更多相關(guān)的知識內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。


網(wǎng)站名稱:androidMaterialDesign怎么創(chuàng)建新動畫
當前路徑:http://www.xueling.net.cn/article/gigsee.html

其他資訊

在線咨詢
服務(wù)熱線
服務(wù)熱線:028-86922220
TOP
主站蜘蛛池模板: 九色国产精品 | 被男人嗦过奶头一下就变大了 | 男人撕开奶罩揉吮奶头 | 和小三爽到喷水h | 羞羞色国产精品网站 | 在线免费中文字日产 | 久久成人免费视频 | 日韩69| 日本中出在线观看 | 久久99精品久久久久婷婷暖 | 国内精品久久人妻朋友 | www久久久久久久 | 久久影院在线观看 | 狠狠躁天天躁夜夜躁婷婷老牛影视 | 久久久久无码精品国产不卡 | 538国产精品一区二区免费视频 | 精品综合无码视频久久久 | 国产99久久 | 啊灬啊灬啊灬快灬高潮少妇a片 | 精品亚洲成人 | 国产成人A人亚洲精V品无码 | 尤物丰满少妇大尺度喷血写真 | 性欧美1819sex性高播放 | 精品一区二区三区免费看 | 国产性一级片 | 亚洲一区二区三区精品视频 | 极品尤物一区二区三区 | 午夜精品久久久久久久91蜜桃 | 日本久久久久久级做爰片 | 99精品综合 | 国产午夜福利精品一区 | av黄色一级 | 在线观看亚洲一区二区 | 精品久久一区二区 | 中文字幕有码无码AV | 国产综合视频在线 | 成人免费一区 | 国产亚洲日韩A欧美在线人成 | 一区二区三区av | 国产清纯白嫩初高生在线观看 | 国产v在线播放 |