Android實現下拉刷新的視圖和圖標的旋轉

更新時間：2017年03月05日 09:42:17 作者：熊，我-

本篇文章主要介紹了Android實現下拉刷新的視圖和圖標的旋轉的實例，具有很好的參考價值。下面跟著小編一起來看下吧

一、下拉才出現的視圖

pull_to_refresh_header.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/pull_to_refresh_header"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#F3F3F3">
 <RelativeLayout
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:paddingTop="23dp">
  <LinearLayout 
　　　　　　　android:id="@+id/pull_to_refresh_view"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:orientation="vertical"
   android:layout_centerHorizontal="true">
   <TextView
android:id="@+id/pull_to_refresh_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
android:text="@string/pull_to_refresh_text"
    android:textColor="#777777"
    android:textSize="16sp"/>
   <TextView
android:id="@+id/pull_to_refresh_update_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
android:text="@string/pull_to_refresh_update_text"
    android:textColor="#999999"
    android:textSize="14sp"/>
  </LinearLayout>
  <ProgressBar
android:id="@+id/pull_to_refresh_progress"
   android:layout_width="30dp"
   android:layout_height="30dp"
android:layout_toLeftOf="@id/pull_to_refresh_view"
   android:layout_marginRight="22dp"
   android:layout_marginTop="5dp"
   android:indeterminate="true"
android:indeterminateDrawable="@drawable/ic_loading_refresh"
   android:visibility="gone"/>
  <ImageView
   android:id="@+id/pull_to_refresh_image"
   android:layout_width="32dp"
   android:layout_height="32dp"
android:layout_toLeftOf="@id/pull_to_refresh_view"
   android:layout_marginRight="20dp"
   android:layout_marginTop="5dp"
   android:src="@drawable/ic_refresh_down"
   android:scaleType="centerInside"
android:contentDescription="@string/app_name"/>
 </RelativeLayout>
 <View
  android:layout_width="match_parent"
  android:layout_height="15dp"/>
</LinearLayout>

ic_loading_refresh.xml

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
 android:drawable="@drawable/ic_loading"
 android:fromDegrees="0"
 android:toDegrees="360"
 android:pivotX="50%"
 android:pivotY="50%" />

1、ProgressBar的indeterminate屬性，代表進程的時間是否不確定。

2、黃色底的是Android Studio的提示。第一個提示的是，當LinearLayout中的Text拓展得足夠長時，會與ImageView重疊，實際效果是把ImageView給覆蓋了。第二個是，建議用toStartOf代替toLeftOf，用marginEnd代替marginRight等。原因和影響還沒完全搞懂。

二、圖標旋轉的動畫

private ImageView mPull_to_refresh_image;
private RotateAnimation mFlipAnimation;

...

  mFlipAnimation = new RotateAnimation(0, -180, RotateAnimation.RELATIVE_TO_SELF, 0.5f,
    RotateAnimation.RELATIVE_TO_SELF, 0.5f);
  mFlipAnimation.setInterpolator(new LinearInterpolator());
  mFlipAnimation.setDuration(250);
  mFlipAnimation.setFillAfter(true);

...
mPull_to_refresh_image.startAnimation(mFlipAnimation);

1、構造方法：

public RotateAnimation(float fromDegrees, float toDegrees, int pivotXType, float pivotXValue,
   int pivotYType, float pivotYValue)

（1）toDegrees - fromDegrees < 0 就會是逆時針旋轉，反之是順時針。這是我取不同值測試出來的。水平線右邊是0°，或者360°，左邊是180°，或者是-180°。

（2）pivotType是樞軸類型，也就是旋轉中心。RELATIVE_TO_SELF代表相對這個view本身。0.5f代表這個view一半大小的位置。

2、setInterpolator作用是設置速度器。LinearInterpolator是勻速加速器，也就是勻速播放動畫。

3、setDuration作用是設置動畫時長，以毫秒為單位。

4、setFillAfter作用是，當參數為true時，動畫播放完后，view會維持在最終的狀態(tài)。而默認值是false，也就是動畫播放完后，view會恢復原來的狀態(tài)。

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android實現下拉刷新的視圖和圖標的旋轉

相關文章

最新評論

大家感興趣的內容

最近更新的內容

常用在線小工具