自定义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
关注
专栏目录
Android高手进阶之自定义View，自定义属性（带进度的圆形进度条）源码
08-25
在Android中，我们可以为自定义View定义自己的XML属性，使得在布局文件中更容易配置和使用。这需要以下几个步骤： 1. 在res/values/attrs.xml文件中定义自定义属性，如`progressColor`（进度颜色）、`...
viewer.js预览图片时添加文字描述简介
lianzhang861的博客
09-26 3255
关于viewer.js的用法参考 https://blog.csdn.net/lianzhang861/article/details/81901907 使用viewer.js时有时想展示图片的简介，可以对viewer 源码做一些修改。 图中框住的位置本来是显示图片的alt信息的，我想把它替换成图片的简介。 首先，需要在img标签加入data-summary属性，summary的名字可以...
如何自定义View及在配置文件中增加…
08-11 190
自定义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 1359
分类 /* * View作用:处理模型数据,实现页面的跳转(转发和重定向) * View类型: * InternalResourceView:转发视图 * JstlView:转发视图 * RedirectView:重定向视图 */ @RequestMapping(value = "/param",method = RequestMethod.POST) public String param() { // return "redirect:index.jsp"; ret
Android 自定义View的使用介绍
01-20
要在XML布局文件中使用自定义View，需要像其他标准控件一样引入它，并设置宽度和高度。例如： ```xml android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 其他控件 --> ...
Android自定义View源码
08-23
这些属性可以在XML布局文件中使用，也可以在代码中通过`ContextThemeWrapper`或`TypedArray`获取，为自定义View提供灵活性和可配置性。 总结起来，Android自定义View涉及到视图的测量、布局、绘制、事件处理等多个...
自定义弧形view调节.rar
11-14
在Android开发中，自定义View是一项非常重要的技能，它能够帮助开发者实现个性化和复杂的功能，以满足特定的设计需求。这个“自定义弧形view调节.rar”压缩包提供了一个自定义的弧形进度条视图...
android自定义节点view
12-08
4. **设置可配置属性**：为了实现描述中的功能，我们需为视图添加一些可配置的属性，比如图标资源、线条颜色等。这些可以通过`AttributeSet`在XML布局文件中设置。 ```java // 解析XML属性 private void ...
VB+ACCESS网吧计费系统(源代码+系统).zip
09-18
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
基于C#的小区物业管理系统.docx
09-18
设计一个基于C#的小区物业管理系统是一个涉及多个方面和模块的复杂项目。这样的系统通常包括用户管理、房屋管理、费用管理、报修管理、投诉管理、公告管理等功能。下面我将简要概述如何构建一个基本的小区物业管理系统，包括其主要模块和一些关键概念。 1. 系统架构设计 前端界面：可以使用WinForms或WPF来构建桌面应用程序界面，也可以使用ASP.NET Core MVC或Blazor来构建Web界面。 后端逻辑：使用C#作为后端开发语言，结合.NET Core或.NET Framework来编写业务逻辑。 数据库：可以使用SQL Server、MySQL或SQLite等数据库来存储系统数据。 架构模式：考虑使用MVC（模型-视图-控制器）或三层架构（表示层、业务逻辑层、数据访问层）来组织代码。 2. 主要功能模块 2.1 用户管理 功能：管理小区业主、租户、物业工作人员等用户的信息。 关键操作：用户注册、登录、密码找回、用户信息编辑、权限管理等。 2.2 房屋管理 功能：管理小区内所有房屋的信息，包括房屋位置、面积、户型、业主信息等。 关键操作：房屋信息录入、查询、修改、删除、房屋状态更新
4-3_Education_BLUE_2017_03-CL-20180524MTAX.potx
09-18
微软演示材料
C#通过COM读取Excel到dataGridView
09-18
C#通过COM读取Excel到dataGridView
4-3_Consumer_BLUE_2017_03.potx
09-18
微软演示材料
4-3_Business_DK_BLUE_2017_03-CL-20180524MTAX.potx
09-18
微软演示材料
【精品毕设推荐】-基于微信小程序的儿童预防接种预约系统设计与实现.zip
09-18
【项目简介】 可辅助在本地配置运行 随着信息技术在管理上越来越深入而广泛的应用，管理信息系统的实施在技术上已逐步成熟。本文介绍了儿童预防接种预约微信小程序的开发全过程。通过分析医院挂号信息管理的不足，创建了一个计算机管理医院挂号信息的方案。文章介绍了儿童预防接种预约微信小程序的系统分析部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。 本儿童预防接种预约微信小程序可以实现管理员和用户。管理员功能有个人中心，用户管理，儿童信息管理，疫苗信息管理，儿童接种管理，儿童接种史管理，医疗机构管理，预约接种管理，系统管理等。用户功能有注册登录，儿童信息，疫苗信息，儿童接种，儿童接种史，医疗机构，预约接种，我的收藏管理等。因而具有一定的实用性。 本站后台采用Java的SSM框架进行后台管理开发，可以在浏览器上登录进行后台数据方面的管理，MySQL作为本地数据库，微信小程序用到了微信开发者工具，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得医院挂号信息管理工作系统化、规范化。 关键词：儿童预防接种预约微信小程序；SSM框架；MYSQL
【路径规划】用于路径规划的星形算法Matlab实现.rar
最新发布
09-18
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
java基于ssm+jsp 农场信息化管理系统源码 带毕业论文+ppt+sql
09-18
1、开发环境：SSM框架；内含Mysql数据库；jsp技术；内含说明文档 2、项目代码都经过严格调试，代码没有任何bug！ 3、该资源包括项目的全部源码，下载可以直接使用！ 4、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 5、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
node-exporter安装所需要镜像
09-18
node-exporter安装所需要镜像
Android自定义View创建TopBar实战教程
首先，我们看到在描述中提到了一个`RelativeLayout`布局文件。这是Android中最常用的布局之一，它可以方便地将子视图按照相对位置进行排列。在提供的代码片段中，`RelativeLayout`作为根视图，并设置了填充以提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值