广告
返回顶部
首页 > 资讯 > 移动开发 >Android开发之自定义UI组件详解
  • 897
分享到

Android开发之自定义UI组件详解

2024-04-02 19:04:59 897人浏览 薄情痞子
摘要

Android开发自定义UI组件实现红色小球跟随手指移动 要写实现自定义UI组件,要创建一个BallView类,继承View类,在BallView类中创建画笔,然后重写OnDraw(

Android开发自定义UI组件实现红色小球跟随手指移动

要写实现自定义UI组件,要创建一个BallView类,继承View类,在BallView类中创建画笔,然后重写OnDraw()方法和OnTouchEvent()方法。




public class BallView extends View {

    public BallView(Context context) {   //重写构造方法
        super(context);
    }

    public BallView(Context context, AttributeSet attrs) {   //重写构造方法
        super(context, attrs);
    }

    //定义圆形的圆形坐标
    public float currentX = 60 ;
    public float currentY = 60 ;
    //创建画笔
    Paint paint = new Paint() ;

    @Override
    protected void onDraw(canvas canvas) {//重写OnDraw()方法:当组件要绘制内容时候回调该方法
        super.onDraw(canvas);
        //设置画笔的颜色为红色
        paint.setColor(Color.RED);
        //画一个圆心坐标为(60,60),半径为20的圆形
        canvas.drawCircle(currentX,currentY,20,paint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) { //重写OnTouchEvent()方法:当触摸屏幕时候回调该方法
        //得到触摸后圆心坐标所在位置
        currentX = event.getX() ;
        currentY = event.getY() ;
        //通知当前组件绘制
        invalidate() ;
        return true ; //表明处理方法已经处理该事件
    }
}

在自定义组件完成后,需要在java代码中把该组件添加到容器中,才能看到想要的效果。

代码如下:


ublic class CodeUiActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_code_ui);

        LinearLayout rootView = (LinearLayout) findViewById(R.id.root_view);//实例化布局对象
        BallView ballView = new BallView(this) ; //实例自定义的UI组件
        rootView.addView(ballView) ;//将自定义组件添加到容器中

    }
}

布局文件需要设置布局的id,需要在Java代码中绑定。

XML文件如下:


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="Http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/root_view"
    tools:context="com.example.nuist__njupt.uidesign.CodeUiActivity">
</LinearLayout>

实现效果如下:

总结

到此这篇关于Android开发之自定义UI组件的文章就介绍到这了,更多相关Android自定义UI组件内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: Android开发之自定义UI组件详解

本文链接: https://www.lsjlt.com/news/125733.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作