本来想自己重新写个类似的UI,没想用snakeLayout就直接能成了,出乎意料,画了点时间设计好位置,效果如下:
![Android 自定义控件 仿乐Phone UI - Wallace - 懒羊羊的南瓜屋 Android 自定义控件 仿乐Phone UI - Wallace - 懒羊羊的南瓜屋](http://img308.ph.126.net/vJPiUHLqNpxZ0Ymr83rGdw==/3912220701301777676.jpg)
![Android 自定义控件 仿乐Phone UI - Wallace - 懒羊羊的南瓜屋 Android 自定义控件 仿乐Phone UI - Wallace - 懒羊羊的南瓜屋](http://img.ph.126.net/e5Rv1uRWiexUb-NRCOsoYw==/3224858808175573518.jpg)
import android.os.Bundle;
/** 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>