Android 自訂控制項 仿樂Phone UI

本來想自己重新寫個類似的UI，沒想用snakeLayout就直接能成了，出乎意料，畫了點時間設計好位置，效果如下：

 

 

 主檔案：newSnake.javapackage com.newSnake;import android.app.Activity;
import android.os.Bundle;public class newSnake extends Activity {
    /** Called when the activity is first created. */
 SnakeLayout mSnake;
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        mSnake = (SnakeLayout)findViewById(R.id.my_snake);
        mSnake.addRec(R.drawable.p0);
        mSnake.addRec(R.drawable.p1);
        mSnake.addRec(R.drawable.p2);
        mSnake.addRec(R.drawable.p3);
        mSnake.addRec(R.drawable.p4);
        mSnake.addRec(R.drawable.p5);
        mSnake.addRec(R.drawable.p6);
        mSnake.addRec(R.drawable.p7);
        mSnake.addRec(R.drawable.p8);
        mSnake.Init();
    }
} 

布局檔案：main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:snake="http://schemas.android.com/apk/res/com.newSnake"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:background="#FFFFFF">
 <com.newSnake.SnakeLayout android:layout_width="200dip" android:layout_weight="1"
     android:id="@+id/my_snake" android:layout_height="330dip"
     snake:selectImg="3">
     <FrameLayout android:layout_width="fill_parent" android:orientation="vertical"
      android:layout_height="wrap_content" android:id="@id/snakeContent">
      <ImageView android:layout_width="140dip" android:id="@id/snakeImg0"
       android:layout_height="60dip"
       android:paddingLeft="60dip"
       android:paddingTop="0dip"/>
      <ImageView android:layout_width="160dip" android:id="@id/snakeImg1"
       android:layout_height="105dip"
       android:paddingLeft="40dip"
       android:paddingTop="15dip"/>
      <ImageView android:layout_width="180dip" android:id="@id/snakeImg2"
       android:layout_height="165dip"
       android:paddingLeft="20dip"
       android:paddingTop="45dip"/>
      <ImageView android:layout_width="140dip" android:id="@id/snakeImg6"
       android:layout_height="330dip"
       android:paddingLeft="60dip"
       android:paddingTop="270dip"/>
      <ImageView android:layout_width="160dip" android:id="@id/snakeImg5"
       android:layout_height="315dip"
       android:paddingLeft="40dip"
       android:paddingTop="225dip"/>
      <ImageView android:layout_width="180dip" android:id="@id/snakeImg4"
       android:layout_height="285dip"
       android:paddingLeft="20dip"
       android:paddingTop="165dip"/>
      <ImageView android:layout_width="200dip" android:id="@id/snakeImg3"
       android:layout_height="240dip"
       android:paddingLeft="0dip"
       android:paddingTop="90dip"/>
     </FrameLayout>
    </com.newSnake.SnakeLayout>
</LinearLayout>