自定义View及在配置文件中增加描述属性

最新推荐文章于 2020-06-08 12:40:12 发布
最新推荐文章于 2020-06-08 12:40:12 发布
阅读量768 收藏
点赞数
分类专栏： Android开发
自定义View的类必须继承自View并且重写onDraw(Canvas canvas)方法； 增加自定义的属性描述必须在values中增加attrs.xml来描述View的属性；
标签： Android SDK

代码片段(6)[全屏查看所有代码]

1. [图片] 3f7f41d4g9f496933f377&690.jpg    

2. [代码][XML]代码     

?
1
2
3
4
5
6
7
8
9
10
11
12
<? xml version = "1.0" encoding = "UTF-8" ?>
< resources >
     < declare-styleable name = "ClockView" >
         < attr name = "clockColor" format = "color" />
         < attr name = "visible" format = "boolean" />
         < attr name = "timeZone" format = "dimension" >
             < enum name = "londan" value = "0" />
             < enum name = "beijing" value = "8" />
             < enum name = "newyork" value = "20" />
         </ attr >
     </ declare-styleable >
</ resources >

3. [代码][XML]代码     

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<? xml version = "1.0" encoding = "utf-8" ?>
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
     xmlns:joydao = "http://schemas.android.com/apk/res/net.joydao.clock"
     android:orientation = "vertical" android:layout_width = "fill_parent"
     android:layout_height = "fill_parent" >
 
  
 
     < net.joydao.clock.view.ClockView
         android:id = "@+id/joydaoClock" android:layout_width = "wrap_content"
         android:layout_height = "wrap_content" joydao:clockColor = "#ffffff"
         joydao:visible = "false" joydao:timeZone = "beijing" />
 
</ LinearLayout >

4. [文件] ClockView.java ~ 10KB     下载(67)     

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
package net.joydao.clock.view;
 
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date;
import java.util.TimeZone;
 
import net.joydao.clock.R;
 
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.View;
import android.view.WindowManager;
 
public class ClockView extends View implements Runnable {
    
     private Paint colorCirclePaint;
     private Paint pointPaint;
     private Paint hourMarkPaint;
     private Paint minuteMarkPaint;
     private Paint secondNeedlePaint;
     private Paint minuteNeedlePaint;
     private Paint hourNeedlePaint;
     private Paint textPaint;
     private Paint timePaint;
     private float hourMarkLen;
     private float minuteMarkLen;
     private float clockCircle;
     private float radius;
     private float hourNeedleRadius;
     private float minuteNeedleRadius;
     private float secondNeedleRadius;
     private float cx;
     private float cy;
     private boolean running = false ;
     private int mYear;
     private int mMonth;
     private int mDay;
     private int mHour;
     private int mMinute;
     private int mSecond;
     private int clockColor;
    
     public ClockView(Context context){
         this (context, null );
     }
 
     public ClockView(Context context, AttributeSet attrs) {
         super (context, attrs);
         TypedArray typedArray = context.obtainStyledAttributes(attrs,R.styleable.ClockView);
         clockColor = typedArray.getColor(R.styleable.ClockView_clockColor, Color.WHITE);
         typedArray.recycle();
         pointPaint = new Paint();
         pointPaint.setAntiAlias( true );
         pointPaint.setStyle(Paint.Style.STROKE);
        
         colorCirclePaint = new Paint();
         colorCirclePaint.setTextAlign(Paint.Align.CENTER);
         colorCirclePaint.setAntiAlias( true );
         colorCirclePaint.setStrokeWidth(clockCircle);
         colorCirclePaint.setStyle(Paint.Style.STROKE);
        
         hourMarkPaint = new Paint();
         hourMarkPaint.setTextAlign(Paint.Align.CENTER);
         hourMarkPaint.setAntiAlias( true );
         hourMarkPaint.setStyle(Paint.Style.STROKE);
        
         minuteMarkPaint = new Paint();
         minuteMarkPaint.setTextAlign(Paint.Align.CENTER);
         minuteMarkPaint.setAntiAlias( true );
         minuteMarkPaint.setStyle(Paint.Style.STROKE);
        
         secondNeedlePaint = new Paint();
         secondNeedlePaint.setTextAlign(Paint.Align.CENTER);
         secondNeedlePaint.setAntiAlias( true );
         secondNeedlePaint.setStyle(Paint.Style.STROKE);
        
         minuteNeedlePaint = new Paint();
         minuteNeedlePaint.setTextAlign(Paint.Align.CENTER);
         minuteNeedlePaint.setAntiAlias( true );
         minuteNeedlePaint.setStyle(Paint.Style.STROKE);
        
         hourNeedlePaint = new Paint();
         hourNeedlePaint.setTextAlign(Paint.Align.CENTER);
         hourNeedlePaint.setAntiAlias( true );
         hourNeedlePaint.setStyle(Paint.Style.STROKE);
        
         textPaint = new Paint();
         textPaint.setTextAlign(Paint.Align.CENTER);
         textPaint.setAntiAlias( true );
        
         timePaint = new Paint();
         timePaint.setTextAlign(Paint.Align.CENTER);
         timePaint.setAntiAlias( true );
         start();
     }
    
     public int getClockColor() {
         return clockColor;
     }
 
     public void setClockColor( int clockColor) {
         this .clockColor = clockColor;
         this .postInvalidate();
     }
 
     public void start(){
         running = true ;
         new Thread( this ).start();
     }
    
     public void stop(){
         running = false ;
     }
    
     private void resetTime(){
         Calendar c = Calendar.getInstance(TimeZone.getDefault());
         c.setTime( new Date());
         mYear = c.get(Calendar.YEAR);
         mMonth = c.get(Calendar.MONTH)+ 1 ;
         mDay = c.get(Calendar.DAY_OF_MONTH);
         mHour = c.get(Calendar.HOUR_OF_DAY);
         mMinute = c.get(Calendar.MINUTE);
         mSecond = c.get(Calendar.SECOND);
     }
    
     @Override
     protected void onMeasure( int widthMeasureSpec, int heightMeasureSpec) {
         super .onMeasure(widthMeasureSpec, heightMeasureSpec);
     }
 
     @Override
     protected void onDraw(Canvas canvas) {
         super .onDraw(canvas);
         pointPaint.setColor(clockColor);
         colorCirclePaint.setColor(clockColor);
         hourMarkPaint.setColor(clockColor);
         minuteMarkPaint.setColor(clockColor);
         secondNeedlePaint.setColor(clockColor);
         minuteNeedlePaint.setColor(clockColor);
         hourNeedlePaint.setColor(clockColor);
         textPaint.setColor(clockColor);
         timePaint.setColor(clockColor);
         cx = getWidth()/ 2 ;
         cy = getHeight()/ 2 ;
         int tmp = getWidth()<=getHeight()?getWidth():getHeight();
         radius = tmp/ 2 - 2 *clockCircle;
         hourMarkLen = radius/ 15 ;
         minuteMarkLen = radius/ 30 ;
         clockCircle = radius/ 60 ;
         pointPaint.setStrokeWidth(radius/ 25 );
         textPaint.setTextSize(radius/ 8 );
         timePaint.setTextSize(radius/ 5 );
         hourMarkPaint.setStrokeWidth(radius/ 35 );
         minuteMarkPaint.setStrokeWidth(radius/ 70 );
         secondNeedlePaint.setStrokeWidth(radius/ 70 );
         minuteNeedlePaint.setStrokeWidth(radius/ 35 );
         hourNeedlePaint.setStrokeWidth(radius/ 20 );
         hourNeedleRadius = radius - radius/ 2 ;
         minuteNeedleRadius = radius - radius/ 3 ;
         secondNeedleRadius = radius - radius/ 5 ;
         drawClockPanel(canvas,radius);
         drawNeedle(canvas);
         drawTime(canvas);
     }
    
     private void drawTime(Canvas canvas){
         DateFormat dateFormat = new SimpleDateFormat( "yyyy-MM-dd" );
         DateFormat timeFormat = new SimpleDateFormat( "hh:mm:ss a" );
         String dateText = dateFormat.format( new Date());
         String timeText = timeFormat.format( new Date());
         float textX = cx;
         float timeY = cy+radius/ 2 ;
         float dateY = timeY+ 1 .5f*textPaint.getTextSize();
         canvas.drawText(dateText, textX, dateY, textPaint);
         canvas.drawText(timeText, textX, timeY, timePaint);
     }
    
     private void drawClockPanel(Canvas canvas, float radius){  
         //System.out.println(getWidth()+":"+getHeight());
         //画钟的外圈
         canvas.drawCircle(cx, cy, radius, colorCirclePaint);
         //画钟的圆点
         canvas.drawCircle(cx, cy, radius/ 60 , pointPaint);
         int hourLen = 12 ;
         int minLen = 60 ;
         for ( int index = 0 ;index<hourLen;index++){
             drawMark(canvas,index,cx,cy,radius,radius-hourMarkLen,( 2 *Math.PI/hourLen)*index+Math.PI/ 2 ,hourMarkPaint, true );
         }
         for ( int index = 0 ;index<minLen;index++){
             drawMark(canvas,index,cx,cy,radius,radius-minuteMarkLen,( 2 *Math.PI/minLen)*index+Math.PI/ 2 ,minuteMarkPaint, false );
         }
     }
    
     private void drawNeedle(Canvas canvas){
         double hourAngle = ( 2 *Math.PI/ 12 )*mHour+Math.PI/ 2 +(( 2 *Math.PI)/( 12 * 60 ))*mMinute+(( 2 *Math.PI)/( 12 * 60 * 60 ))*mSecond;
         double minuteAngle = ( 2 *Math.PI/( 12 * 5 ))*mMinute+Math.PI/ 2 +(( 2 *Math.PI)/( 12 * 5 * 60 ))*mSecond;
         double secondAngle = ( 2 *Math.PI/ 60 )*mSecond+Math.PI/ 2 ;
         drawNeedle(canvas,cx,cy,hourAngle,hourNeedleRadius,hourNeedlePaint);
         drawNeedle(canvas,cx,cy,minuteAngle,minuteNeedleRadius,minuteNeedlePaint);
         drawNeedle(canvas,cx,cy,secondAngle,secondNeedleRadius,secondNeedlePaint);
     }
    
     private void drawMark(Canvas canvas, int index, float cx, float cy, float r1, float r2, double angle,Paint paint, boolean drawNumber){
         float startX = ( float )(cx-r2*Math.cos(angle));
         float startY = ( float )(cy-r2*Math.sin(angle));
         float stopX = ( float )(cx-r1*Math.cos(angle));
         float stopY = ( float )(cy-r1*Math.sin(angle));
         float textSize = textPaint.getTextSize();
         float radiusText = r2 - textSize;
         if (index>= 3 && index<= 9 ){
             radiusText = r2-textSize/ 3 ;
         }
         float textX = ( float )(cx-radiusText*Math.cos(angle));
         float textY = ( float )(cy-radiusText*Math.sin(angle));
         if (index == 3 || index == 9 ){
             textY = textY + textSize/ 4 ;
         }
         canvas.drawLine(startX,startY,stopX,stopY, paint);
         if (drawNumber){
             if (index== 0 ){
                 index = 12 ;
             }
             canvas.drawText(String.valueOf(index), textX, textY, textPaint);
         }
     }
    
     private void drawNeedle(Canvas canvas, float cx, float cy, double angle, float radius,Paint paint){
         canvas.drawLine(cx, cy, ( float )(cx-radius*Math.cos(angle)), ( float )(cy-radius*Math.sin(angle)), paint);
     }
 
     public static Screen getScreenPix(Context context) {
         DisplayMetrics dm = new DisplayMetrics();
         WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
         windowManager.getDefaultDisplay().getMetrics(dm);
         return new Screen(dm.widthPixels,dm.heightPixels);
     }
    
     public static class Screen{
        
         public int widthPixels;
         public int heightPixels;
        
         public Screen(){
            
         }
        
         public Screen( int widthPixels, int heightPixels){
             this .widthPixels=widthPixels;
             this .heightPixels=heightPixels;
         }
 
         @Override
         public String toString() {
             return "(" +widthPixels+ "," +heightPixels+ ")" ;
         }
        
     }
 
     @Override
     public void run() {
         while (running){
             try {
                 resetTime();
                 postInvalidate();
                 Thread.sleep( 1000 );
             } catch (InterruptedException e) {
                 e.printStackTrace();
             }  
         }
     }
 
}

5. [代码]main.xml     

?
1
2
3
4
5
6
7
8
9
10
11
12
<? xml version = "1.0" encoding = "utf-8" ?>
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
     xmlns:joydao = "http://schemas.android.com/apk/res/net.joydao.clock"
     android:orientation = "vertical" android:layout_width = "fill_parent"
     android:layout_height = "fill_parent" >
 
     < net.joydao.clock.view.ClockView
         android:id = "@+id/joydaoClock" android:layout_width = "wrap_content"
         android:layout_height = "wrap_content" joydao:clockColor = "#ffffff"
         joydao:visible = "false" joydao:timeZone = "beijing" />
 
</ LinearLayout >

6. [代码]attrs.xml     

?
1
2
3
4
5
6
7
8
9
10
11
12
<? xml version = "1.0" encoding = "UTF-8" ?>
< resources >
     < declare-styleable name = "ClockView" >
         < attr name = "clockColor" format = "color" />
         < attr name = "visible" format = "boolean" />
         < attr name = "timeZone" format = "dimension" >
             < enum name = "londan" value = "0" />
             < enum name = "beijing" value = "8" />
             < enum name = "newyork" value = "20" />
         </ attr >
     </ declare-styleable >
</ resources >
Ysssssss
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义View介绍及自定义属性
m0_46211029的博客
11-26 387
一、构造函数 共有4个，自定义View必须重写至少一个构造函数 public class MyView extends View { /** * 在java代码里new的时候会用到 * @param context */ public MyView(Context context) { super(context); } /** * 在xml布局文件中使用时自动调用 * @param context
自定View自定义属性详解
weixin_39821531的博客
03-25 396
开头 先说下自定义View属性的正常使用过程。可以参考本人之前的[自定义View]的笔记。 a. 在values/attrs.xml中添加需要的styleable和item declare-styleable一般命名成自定义View的名字，多想个名字有时候还是很难的。 declare-styleable其实不写也可以 b. 写一个用到自定义属性的自定义View c. 在Layo...
如何自定义View及在配置文件中增加…
08-11 189
自定义View的类必须继承自View并且重写onDraw(Canvas canvas)方法； 增加自定义的属性描述必须在values中增加attrs.xml来描述View的属性； 例如： <?xml version="1.0" encoding="UTF-8"?>     <declare-styleable name="ClockView">         <attr name="clock
SpringMVC框架:View视图类型,配置文件路径设置,编码过滤器
入梦镜
06-08 1355
分类 /* * View作用:处理模型数据,实现页面的跳转(转发和重定向) * View类型: * InternalResourceView:转发视图 * JstlView:转发视图 * RedirectView:重定向视图 */ @RequestMapping(value = "/param",method = RequestMethod.POST) public String param() { // return "redirect:index.jsp"; ret
viewer.js预览图片时添加文字描述简介
lianzhang861的博客
09-26 3252
关于viewer.js的用法参考 https://blog.csdn.net/lianzhang861/article/details/81901907 使用viewer.js时有时想展示图片的简介，可以对viewer 源码做一些修改。 图中框住的位置本来是显示图片的alt信息的，我想把它替换成图片的简介。 首先，需要在img标签加入data-summary属性，summary的名字可以...
Android高手进阶之自定义View，自定义属性（带进度的圆形进度条）源码
08-25
在Android中，我们可以为自定义View定义自己的XML属性，使得在布局文件中更容易配置和使用。这需要以下几个步骤： 1. 在res/values/attrs.xml文件中定义自定义属性，如`progressColor`（进度颜色）、`...
安卓自定义控件相关-一个可以在十字与叉图标之间切换的自定义view.rar
07-29
这将允许开发者在布局文件中灵活地配置自定义View。 4. **状态保存和恢复**： 如果应用支持横竖屏切换或后台恢复，自定义View需要实现`onSaveInstanceState()`和`onRestoreInstanceState()`方法，以便保存和恢复...
Android自定义View源码
08-23
这些属性可以在XML布局文件中使用，也可以在代码中通过`ContextThemeWrapper`或`TypedArray`获取，为自定义View提供灵活性和可配置性。 总结起来，Android自定义View涉及到视图的测量、布局、绘制、事件处理等多个...
Android 自定义View的使用介绍
01-20
要在XML布局文件中使用自定义View，需要像其他标准控件一样引入它，并设置宽度和高度。例如： ```xml android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 其他控件 --> ...
day2.zip
09-03
request和pytest
1、柜员基本信息维护模块，基本信息一般包括姓名、性别、联系方式、地_址、证件号码、级别等。_需要提_-.zip
09-03
1、柜员基本信息维护模块，基本信息一般包括姓名、性别、联系方式、地_址、证件号码、级别等。_需要提_-
Idea 控制台出现乱码问题的4种解决方案.docx
09-03
IntelliJ IDEA 如果不进行相关设置，可能会导致控制台中文乱码、配置文件中文乱码等问题，非常影响编码过程中进行问题追踪。本文总结了 IDEA 中常见的中文乱码解决方法。 ***********使用idea进行maven项目的编译时，控制台输出中文的时候出现乱码的情况。 ***********通常出现这样的问题，都是因为编码格式不一样导致的。既然是maven出的问题，我们在idea中查找下看可以如何设置文件编码。 搜索栏搜索“ Maven ”，在其子选项中选择“ Runner ”，在界面右侧中“ VM options ”文本框中输入以下代码： -Dfile.encoding=UTF-8 或者 -Dfile.encoding=GB2312
html+css+js网页设计 故宫10个页面 ui还原度100%
09-03
预览地址：https://blog.csdn.net/qq_42431718/article/details/141867171 html+css+js网页设计 故宫10个页面 ui还原度100%
【中科院1区】Matlab实现哈里斯鹰优化算法HHO-SAE实现故障诊断算法研究.rar
09-03
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
基于springboot精品在线试题库系统设计与实现.docx
09-03
基于springboot精品在线试题库系统设计与实现.docx
FSCapture-v9.6 快捷录屏
09-03
高质量录屏软件，使用方便快捷，内涵使用手册
基于Spring Boot的疗养院管理系统+源代码+演示视频.zip
09-03
传统办法管理信息首先需要花费的时间比较多，其次数据出错率比较高，而且对错误的数据进行更改也比较困难，最后，检索数据费事费力。因此，在计算机上安装疗养院管理系统软件来发挥其高效地信息处理的作用，可以规范信息管理流程，让管理工作可以系统化和程序化，同时，疗养院管理系统的有效运用可以帮助管理人员准确快速地处理信息。 疗养院管理系统在对开发工具的选择上也很慎重，为了便于开发实现，选择的开发工具为Eclipse，选择的数据库工具为Mysql。以此搭建开发环境实现疗养院管理系统的功能。其中管理员管理用户，新闻公告。 疗养院管理系统是一款运用软件开发技术设计实现的应用系统，在信息处理上可以达到快速的目的，不管是针对数据添加，数据维护和统计，以及数据查询等处理要求，疗养院管理系统都可以轻松应对。 关键词：疗养院管理系统；SpringBoot框架，系统分析，数据库设计
提高C-C++代码质量的工具：静态分析、代码审查与单元测试.md
最新发布
09-03
提高C/C++代码质量的三种关键工具和方法：静态分析、代码审查与单元测试。首先，静态分析通过解析源代码，在不运行程序的情况下检测潜在的错误、规范违例和性能问题，推荐使用Clang-Tidy、Cppcheck等工具，并强调将其集成到开发流程中。其次，代码审查通过团队成员的协作和反馈来识别代码中的问题，提升代码的可读性、设计合理性和安全性，常用工具包括Gerrit、Phabricator和GitHub Pull Requests等。最后，单元测试对代码的最小测试单元进行验证，通过编写覆盖多种输入情况的测试用例，确保代码功能的正确性和稳定性，推荐使用Google Test、Catch2等框架。文章强调了将这些工具和方法整合到持续集成系统中，建立质量文化和持续改进机制，以构建高质量的软件产品。
Android自定义View创建TopBar实战教程
首先，我们看到在描述中提到了一个`RelativeLayout`布局文件。这是Android中最常用的布局之一，它可以方便地将子视图按照相对位置进行排列。在提供的代码片段中，`RelativeLayout`作为根视图，并设置了填充以提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值