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

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

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

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

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

 
<?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> 

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

下面我們就來說說要怎么實(shí)現(xiàn)旋轉(zhuǎn)進(jìn)程的實(shí)現(xiàn)，由于自帶的加載樣式不好看，我們就需要自定義樣式，這時(shí)候需要一張png圖片，即旋轉(zhuǎn)的進(jì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文件后，當(dāng)然還沒實(shí)現(xiàn)上面的效果，當(dāng)然我們還要的就是讓圖片動(dòng)起來，那么我們就需要自定義的屬性動(dòng)畫哈，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)鍵的就是這個(gè)代碼，可以實(shí)現(xiàn)圖片的自動(dòng)旋轉(zhuǎn)。

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

您可能感興趣的文章: