Android开发自定义UI组件

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

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

/*** Created by nuist__NJUPT on 2021/5/9.* 自定义UI组件* View组件在布局中是一个矩形的空白区域，没有任何内容* 而UI组件之所以有内容，是因为继承了View组件之后在其提供的空白区域上重新绘制外观，这就是UI组件的实现原理* 利用UI组件的实现原理，可以开发出一些特殊的UI组件，* 这些自定义UI组件创建时需要定义一个继承View类的子类* 然后重写View类的一个或者多个方法**/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() ;@Overrideprotected void onDraw(Canvas canvas) {//重写OnDraw()方法：当组件要绘制内容时候回调该方法super.onDraw(canvas);//设置画笔的颜色为红色paint.setColor(Color.RED);//画一个圆心坐标为(60,60),半径为20的圆形canvas.drawCircle(currentX,currentY,20,paint);}@Overridepublic boolean onTouchEvent(MotionEvent event) { //重写OnTouchEvent()方法：当触摸屏幕时候回调该方法//得到触摸后圆心坐标所在位置currentX = event.getX() ;currentY = event.getY() ;//通知当前组件绘制invalidate() ;return true ; //表明处理方法已经处理该事件}
}

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

ublic class CodeUiActivity extends AppCompatActivity {@Overrideprotected 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 界面组件,安卓开发学习周第三篇——Android中的UI组件
原标题:安卓开发学习周第三篇--Android中的UI组件在Android APP中,所有的用户界面元素都是由View和ViewGroup的对象构成的.View是绘制在屏幕上的用户能与之交互的一个对 ...
Unity自定义UI组件(十一) 雷达图、属性图
前言借用梦想世界宠物属性图想必大家都在游戏中见过属性图用于展示多种属性的数值,可以较为直观的对比某种属性的缺陷或者是哪种属性有优势.在三维可视化领域也会遇到类似的属性对比,用属性图来展示最为合适. ...
Unity自定义UI组件(六)日历、日期拾取器
前言考虑到工业项目中可能会利用到类似日历的工具,就比如选取某个时间节点,所以我结合UGUI源码开发了日历工具和日期拾取器工具,简单易用,接口齐全,可中文显示,外观可自定义.只需要导入脚本,即可在Hi ...
Android中所有UI组件基类是,【详细】Android入门到放弃篇-YES OR NO-》各种UI组件，布局管理器，单元Activity...
问:达叔,你放弃了吗? 答:不,放弃是不可能的,丢了Android,你会心疼吗?如果别人把你丢掉,你是痛苦呢?还是痛苦呢?~ 引导语有人说,爱上一个人是痛苦的,有人说,喜欢一个人是幸福的. 人与人之 ...
Android开发——自定义炫酷PickerView惯性滚动魔改
Android开发--自定义炫酷PickerView快速滚动魔改最近由于课内压力的增加和安卓课设项目,故没有怎么刷acm题,基本上学校要训练也就去水一波,程序设计相关内容也鸽了. 由于从来没有做过开 ...
开发自定义JSF组件(4) 保存状态与恢复状态
2019独角兽企业重金招聘Python工程师标准>>> 完整的教材: 开发自定义JSF组件(1) HelloWorld 开发自定义JSF组件(2) 使用Render渲染器开发自定义 ...
android自定义省略号,Android开发自定义TextView省略号样式的方法
本文实例讲述了Android开发自定义TextView省略号样式的方法.分享给大家供大家参考,具体如下: 在布局xml中设置textView的字段 android:maxLines="2&q ...
Android开发的四大组件
Android 开发的四大组件分别是:活动(activity),用于表现功能:服务(service),后台运行服务,不提供界面呈现:广播接受者(Broadcast Receive),勇于接收广播:内容 ...
govcl html5,GoVCL —— Go 语言开发的 UI 组件库 | 软件推介
原标题:GoVCL -- Go 语言开发的 UI 组件库 | 软件推介由于现有第三方的Go UI库不是太大就是用的不习惯,或者组件太少.就萌生了自己写一个UI库的想法项目介绍由于现有第三方的Go ...

Android开发自定义UI组件

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

Android开发自定义UI组件相关推荐

最新文章

热门文章