Android学习技巧之自定义UI组件

责任编辑：宏鹏来源：武汉北大青鸟鲁广校区时间：06-02

导读：Android中的View组件的作用类似于Swing编程中的Panel。对于Android应用的其它UI组件来说，它们都继承自View组件。基于Android UI组件的实现原理，开发者完可以通过继承View来派生自定义组件

Android中的View组件的作用类似于Swing编程中的Panel。对于Android应用的其它UI组件来说，它们都继承自View组件。基于Android UI组件的实现原理，开发者完可以通过继承View来派生自定义组件。

下面以一个实例来说明如何开发自定义的UI组件：

实例：跟随手指的小球——开发自定义的UI组件，这个组件将会在指定位置绘制一个小球，这个位置可以动态改变。当用户通过手指在屏幕上拖动时，程序监听到这个手指事件，并把手指动作的位置传入自定义UI组件，并通知该组件重绘。

12345678910111213141516171819202122232425262728293031323334353637 public class DrawView extends View {private float currentX=40;private float currentY=50;//定义并创建画笔Paint p=new Paint(); public DrawView(Context context) {super(context);} public DrawView(Context context,AttributeSet set) {super(context,set);}@Overrideprotected void onDraw(Canvas canvas){//设置画笔的颜色p.setColor(Color.RED);//绘制圆canvas.drawCircle(currentX,currentY,15,p);}@Overridepublic boolean onTouchEvent(MotionEvent event) {//获得（更新）位置坐标this.currentX=event.getX();this.currentY=event.getY();//通知当前组件重绘this.invalidate();return true;} }

在Activity类中，我们把该组件添加到指定容器中。

123456789101112131415161718192021 public class MainActivity extends Activity {private LinearLayout layout=null;private DrawView draw=null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);super.setContentView(R.layout.activity_main);//获取LinearLayout容器 this.layout=(LinearLayout) super.findViewById(R.id.layout);//创建DrawView组件this.draw=new DrawView(this);//设置组件相关属性draw.setMinimumWidth(300);draw.setMinimumHeight(500);this.layout.addView(draw);}}

当然，为了在手机屏幕上显示出自定义的DrawView组件，我们也可以不在Activity类中动态添加，而是选择在XML布局文件中添加该组件（实际上更这种方法）。

12345678910111213 <LinearLayout xmlns:android="//schemas.android.com/apk/res/android"android:id="@+id/layout"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity" ><nku.jerry.demo.DrawView android:layout_width="match_parent"android:layout_height="match_parent" /> </LinearLayout>

注意，XML文件中DrawView的路径要写完整，否则会提示找不到该组件。

此时，Activity程序中只需如下代码即可：

1234567891011 public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);super.setContentView(R.layout.activity_main); }}

看过该安卓技术教程的还看过

本文标题：Android学习技巧之自定义UI组件，责任编辑：宏鹏，来源：武汉北大青鸟鲁广校区栏目，于06-02发布于北大青鸟鲁广校区。Android中的View组件的作用类似于Swing编程中的Panel。对于Android应用的其它UI组件来说，它们都继承自View组件。基于Android UI组件的实现原理，开发者完可以通过继承View来派生自定义组件