一個優秀的Android應用程式少不了一個好的使用者介面，下面說說我在“肥胖測試”程式中所遇到的幾個介面問題。

1.      自定義元件

     Android開發環境中已經自帶了很多標準的元件，可以讓我們輕鬆的設計出一個不錯的介面，但有時候這些標準組件無法滿足我們的個性化需求，這是就需要我們自己製作自定義元件。

     我們這個程式中需要使用者輸入自己的身高和體重，我沒有用EditText 讓使用者輸入，而是讓使用者調節SeekBar 來輸入資料。體重用水平SeekBar 調節，身高用垂直SeekBar 調節，一開始感覺很容易實現，可是正真開發時卻發現一個頭疼的問題：SeekBar 不能設定成垂直的。那就只有自己重寫SeekBar了，找到Android自帶SeekBar的原始碼，研究除錯了幾天，終於實現了垂直SeekBar，下面是我的程式碼，經測試可以直接使用，希望對大家有幫助：

public class myBar extends SeekBar       //繼承SeekBar

{

//重寫onSizeChanged，因為從水平變成垂直，所以要交換Width和Height

    protected void onSizeChanged(int w, int h, int oldw, int oldh)

    {

          super.onSizeChanged(h, w, oldw, oldh);

    }

     //重寫onDraw，關鍵旋轉，這裡可以自定義在原來水平的基礎上旋轉角度

    protected void onDraw(Canvas c)

    {

        // 旋轉

        c.rotate(-90);

  //控制左右位置，要自己除錯，如果SeekBar有偏差可以在這裡調整

         c.translate(-this.getHeight(), 0);

        super.onDraw(c);

    }

//重寫trackTouchEvent，主要是對旋轉後的座標進行交換修正

    private voidtrackTouchEvent(MotionEvent event)

    {

        final int height = getHeight();

        int mPaddingBottom = this

        int y = (int)event.getY();                 

        float scale = 0;

        float progress = 0;

        if(y > height)//mPaddingBottom)

        {

            scale = 0.0f;

        }

        else if( y>0 )

        {

            scale = 1-(float)y / (float)height;       

        }

        else

        {

        scale= 1.0f;

        }

        final int max = getMax();

        progress = scale * max;                         

        setProgress(Math.round(progress));                  

        setThumbPos(getHeight(), mThumb, scale, 0) ;    

    }

}

    SeekBar 的重寫 主要是旋轉,還有對座標的重新計算操作,具體的大家可以研究一下原始碼,實現自己的特殊功能。

    下面就要把重寫後的垂直SeekBar 部署到我們的介面裡了，和其他標準組件一樣，在layout的XML檔案中鍵入下面語句：

<com.bill.fatTest.myBar

android:id="@+id/billfatTestSlideBar1" android:thumb="@drawable/thumb2"

android:paddingTop="10dip"

android:layout_below="@+id/btn_ok" android:layout_alignLeft="@+id/btn_ok"android:layout_alignRight="@+id/btn_ok"

android:layout_width="30dip"

android:layout_height="fill_parent" >

</com.bill.fatTest.SlideBar>

具體設定按自己的需要，和正常SeekBar設定一樣，要注意的就是需要把自己重寫的SeekBar 的完整包路徑名加上去com.bill.fatTest.myBar，下面是我的一個介面，左邊那個垂直的SeekBar 即重寫後的效果

2. Gif動畫

Android不是對Gif動畫的支援不是很好嗎？不要奇怪，其實我這裡的Gif動畫使用Android 幀動畫實現的。幀動畫大家一定都很熟悉，就是把多張圖片快速連續切換播放，形成動畫的效果。

其實Gif動畫也是由幀組成的，只要我們將其中的幀全提取出來就可以用Android 的幀動畫播放了。具體怎麼提取大家就開動腦筋吧！我按網上的一個說法，用PhotoShop，可惜沒成功，誰PhotoShop 功底強可以自己試試。我使用了一個叫EASY GIF Animator的軟體直接提取，可惜該軟體不是免費的，只有20次試用，大家可以找找其他軟體，FireWork 好像也可以。如果還有動畫大牛的話，可以自己製作。。。

有了動畫的幀後就可以開始在Android 上使用了。首先將所有獲得的圖片都放到res\drawable裡，然後在res下建立一個資料夾anim，再在anim下建立一個XML格式的動畫檔案如gif.xml，在XML檔案中輸入：

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

<animation-list    xmlns:android="http://schemas.android.com/apk/res/android"android:oneshot="false">

<item android:drawable="@drawable/toofat0"          android:duration="300"/>

<item android:drawable="@drawable/toofat1"    android:duration="300"/>

<item android:drawable="@drawable/toofat2" android:duration="300"/>

<item android:drawable="@drawable/toofat3" android:duration="300"/>

<item android:drawable="@drawable/toofat4"android:duration="300"/>

</animation-list>

   其中每個drawable就是動畫中的一幀，要按幀的播放順序寫drawable；duration是圖片的播放時間，drawable 和 duration 多不可省略。

   編寫完動畫檔案後，就需要裝在動畫檔案，並建立AnimationDrawable物件。AnimationDrawable是Drawable 的子類，並在Drawable的基礎上提供了控制動畫的功能。可以使用如下程式碼建立AnimationDrawable物件：

  AnimationDrawable animationDrawable =(AnimationDrawable)getResources().getDrawable(R.anim.gif);

在建立完AnimationDrawable物件後，可以使用下面的程式碼將AnimationDrawable 物件作為ImageView 元件的背景：

ImageViewimgView = (ImageView)findViewById(R.id.imgView);

imgView.setBackgroundDrawable(animationDrawable);

然後使用AnimationDrawable類的start,stop等方法控制幀動畫的播放，停止等；具體其他操作我就不多說了，大家可以在其它資料上找到詳細的說明。