快捷導(dǎo)航

Android中自定義加載樣式圖片的具體實現(xiàn)

更新時間：2014年04月10日 16:43:05 作者：

想實現(xiàn)下面這張圖中的自定義加載樣式，其實很簡單，首先我們需要的布局組件有ProcessBar和TextView，下面是布局文件的代碼

先讓大家看看效果圖吧，相信很多Android初學(xué)者都想知道這中效果是怎么實現(xiàn)的，來上圖：

想實現(xiàn)上面這張圖中的自定義加載樣式，其實很簡單，首先我們需要的布局組件有ProcessBar和TextView，下面是布局文件的代碼（只是加載的頁面的布局）：

 
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="horizontal" 
android:gravity="center"> 

<ProgressBar 
android:id="@+id/progressBar1" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
style="@style/process_bar_style"/> 

<TextView 
android:id="@+id/processhint" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_marginLeft="10dp" 
android:text="@string/prohint" 
android:textSize="18sp" /> 

</LinearLayout> 

因為這個頁面的使用平率很高，所以我們把它單獨獨立出來作為一個XML文件，在Android中如果要在布局文件中引入其他布局文件時，方法其實和JSP編程中的Include十分相似哈，具體的格式如下：<include android:id="@+id/layout_process" layout="@layout/processbar" />

下面我們就來說說要怎么實現(xiàn)旋轉(zhuǎn)進程的實現(xiàn)，由于自帶的加載樣式不好看，我們就需要自定義樣式，這時候需要一張png圖片，即旋轉(zhuǎn)的進度條。

接下來我們需要定義style文件。process_style.xml（定義在values文件夾下）

復(fù)制代碼代碼如下:

 
<?xml version="1.0" encoding="utf-8"?> 
<resources xmlns:android="http://schemas.android.com/apk/res/android"> 
<style name="process_bar_style"> 
<item name="android:indeterminateDrawable">@drawable/processstyle</item> 
</style> 
</resources> 

定義完style文件后，當然還沒實現(xiàn)上面的效果，當然我們還要的就是讓圖片動起來，那么我們就需要自定義的屬性動畫哈，process.xml,在drawable文件夾下定義

復(fù)制代碼代碼如下:

 
<?xml version="1.0" encoding="utf-8"?> 

<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android" 
android:drawable="@drawable/process" 
android:pivotX="50%" 
android:pivotY="50%" 
/> 

關(guān)鍵的就是這個代碼，可以實現(xiàn)圖片的自動旋轉(zhuǎn)。

那么大家可以嘗試下了哈，自己也能做加載的設(shè)計者

您可能感興趣的文章: