阅读655 返回首页    go 阿里云 go 技术社区[云栖]

MyCalendar 开发日志 (9th Apr- 11st Apr)

9th Apr

转一篇blog，里面介绍了一个calendar的界面

https://blog.csdn.net/h7870181/article/details/8960478

按照文章中给出的内容，新建了一个类CalendarView

但是我ctrl+shift+o自动补全引用头文件后，里面有几个错误，都和和date类型相关的，这个问题困扰了我好几天才解决。之前总是崩溃，而且在layout界面也看不到日历，后来发现有一行错误，java.util.Date cannot be cast to java.sql.Date

之前我在init 函数里面new Date（）;总是报错，后来我改成new Date(0)以后编译成功了，之后还有好几个关于getDate()函数的，我都强制转换成Date类型的了。可是我忘记了一个关键的问题，代码自动补全的时候，引用的是java.sql.Date 而不是util.Date.这就导致了我一系列后续的问题。

头文件里面改成util.date以后，不用修改原blog中的任何内容，程序就可以跑通了！

正好提到util和sql的两种date了就顺便学习一下吧：

Date 的类型转换：首先记住java.util.Date 为 java.sql.Date的父类

1.将java.util.Date 转换为 java.sql.Date

Date d=new Date();  //java.util.Date
new java.sql.Date(d.getTime())  //将java.util.Date 转换为 java.sql.Date

 

2.使用SimpleDateFormat 进行类型转换

 DateFormat df=new SimpleDateFormat("yyyy-MM-dd");
 df.format(new Date()); //将java.util.Date转换为String
 df.parse("");  //将String 转为成java.util.Date

 

3. 将String 转换为 java.sql.Date
String str="1989-11-23 12:25:20";
java.sql.Date date=java.sql.Date.valueof(str);


11st Apr

今天仔细看了下网上calendar的代码，发现里面有几个类是从来没有接触过的，研究了一下，做个总结：

SurfaceView

extends View

java.lang.Object

   ↳

android.view.View

 

   ↳

android.view.SurfaceView

由手册可知：

SurfaceView是View类的继承类，这个View里内嵌了一个专门用于绘制的Surface，这个可以类似的理解成为一个在View里的Canvas。你可以控制这个Surface的格式和尺寸。Surfaceview类则控制这个Surface在屏幕上的正确位置。

在一般情况下，应用程序的View都是在相同的GUI线程中绘制的。这个主应用程序线程同时也用来处理所有的用户交互（例如按钮单击或者文本输入）。

对于一个View的onDraw()方法，不能够满足将其移动到后台线程中去。因为从后台线程修改一个GUI元素会被显式地禁止的。

当需要快速地更新View的UI，或者当前渲染代码阻塞GUI线程的时间过长的时候，SurfaceView就是解决上述问题的最佳选择。SurfaceView封装了一个Surface对象，而不是Canvas。这一点很重要，因为Surface可以使用后台线程绘制。对于那些资源敏感的操作，或者那些要求快速更新或者高速帧率的地方，例如使用3D图形，创建游戏，或者实时预览摄像头，这一点特别有用。


1. 何时应该使用SurfaceView

SurfaceView使用的方式与任何View所派生的类都是完全相同的。可以像其他View那样应用动画，并把它们放到布局中。

SurfaceView封装的Surface支持所有标准的Canvas方法进行绘图，同时也支持完全的OpenGL ES 库。

使用OpenGL，你可以在Surface上绘制任何支持2D或者3D对象，与在2D画布上模拟相同的效果相比，这种方法可以依靠硬件加速（可用的时候）来极大地提高性能。

对于显示动态的3D图像来说，例如，那些使用Google Earth 功能的应用程序，或者那些提供沉浸体验的交互式游戏，Surface特别有用。它还是实时显示摄像头预览的最佳选择。


2. 创建一个新的SurfaceView控件

创建一个新的SurfaceView控件需要创建一个新的扩展了SurfaceView的类，并实现SurfaceHolder.Callback。

SurfaceHolder回调可以在底层的Surface被创建和销毁的时候通知View，并传递给它SurfaceHolder对象的引用，其中包含了当前有效的Surface。

一个典型的SurfaceView 设计模型包括一个由Thread所派生的类，它可以接收对当前的SurfaceHolder的引用，并独立地更新它。


3. 使用SurfaceView创建3D控件

Android完全支持OpenGL ES 3D 渲染框架，其中包含了对设备的硬件加速的支持。SurfaceView控件提供了一个表面，可以在它上面渲染你的OpenGL场景。

那么我们在使用的时候可以这样使用：

被动更新画面的。比如棋类，这种用view就好了。因为画面的更新是依赖于 onTouch 来更新，可以直接使用 invalidate。 因为这种情况下，这一次Touch和下一次的Touch需要的时间比较长些，不会产生影响。

主动更新。比如一个人在一直跑动。这就需要一个单独的thread不停的重绘人的状态，避免阻塞main UI thread。所以显然view不合适，需要surfaceView来控制。


Canvas:


Canvas类主要实现了屏幕的绘制过程，其中包含了很多实用的方法，比如绘制一条路径、区域、贴图、画点、画线、渲染文本，下面是Canvas类常用的方法:

void drawRect(RectF rect, Paint paint) //绘制区域，参数一为RectF一个区域

由这里可以得出，如果我想把每个calendar的日期画成圆形，只需要调用drawCicle就可以了


void drawPath(Path path, Paint paint) //绘制一个路径，参数一为Path路径对象 


void  drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint)   //贴图，参数一就是我们常规的Bitmap对象，参数二是源区域(Android123提示这里是bitmap)，参数三是目标区域(应该在canvas的位置和大小)，参数四是Paint画刷对象，因为用到了缩放和拉伸的可能，当原始Rect不等于目标Rect时性能将会有大幅损失。 


void  drawLine(float startX, float startY, float stopX, float stopY, Paint paint) //画线，参数一起始点的x轴位置，参数二起始点的y轴位置，参数三终点的x轴水平位置，参数四y轴垂直位置，最后一个参数为Paint画刷对象。


void  drawPoint(float x, float y, Paint paint) //画点，参数一水平x轴，参数二垂直y轴，第三个参数为Paint对象


void drawText(String text, float x, float y, Paint paint)  //渲染文本，Canvas类除了上面的还可以描绘文字，参数一是String类型的文本，参数二x轴，参数三y轴，参数四是Paint对象


void  drawTextOnPath(String text, Path path, float hOffset, float vOffset, Paint paint) //在路径上绘制文本，相对于上面第二个参数是Path路径对象

从上面来看我们可以看出Canvas绘制类比较简单同时很灵活，实现一般的方法通常没有问题，同时可以叠加的处理设计出一些效果，不过我们发现最后一个参数均为Paint对象。如果我们把Canvas当做绘画师来看，那么Paint就是我们绘画的工具，比如画笔、画刷、颜料等等


Paint：

常见的函数：

 void  setARGB(int a, int r, int g, int b)  设置Paint对象颜色，参数一为alpha透明通道

       void  setAlpha(int a) 设置alpha不透明度，范围为0~255

 void  setAntiAlias(boolean aa)  //是否抗锯齿

 void  setColor(int color)  //设置颜色，这里Android内部定义的有Color类包含了一些常见颜色定义 

 void  setFakeBoldText(boolean fakeBoldText)  //设置伪粗体文本
  
       void  setLinearText(boolean linearText)  //设置线性文本
 
       PathEffect  setPathEffect(PathEffect effect)  //设置路径效果
 
       Rasterizer  setRasterizer(Rasterizer rasterizer) //设置光栅化
 
       Shader  setShader(Shader shader)  //设置阴影 

 void  setTextAlign(Paint.Align align)  //设置文本对齐

       void  setTextScaleX(float scaleX)  //设置文本缩放倍数，1.0f为原始
  
       void  setTextSize(float textSize)  //设置字体大小
 
       Typeface  setTypeface(Typeface typeface)  //设置字体，Typeface包含了字体的类型，粗细，还有倾斜、颜色等。

 void  setUnderlineText(boolean underlineText)  //设置下划线



Path:

常见的函数：


void  addArc(RectF oval, float startAngle, float sweepAngle)  //为路径添加一个多边形
 
        void  addCircle(float x, float y, float radius, Path.Direction dir)  //给path添加圆圈
 
void  addOval(RectF oval, Path.Direction dir)  //添加椭圆形

void  addRect(RectF rect, Path.Direction dir)  //添加一个区域
  
void  addRoundRect(RectF rect, float[] radii, Path.Direction dir)  //添加一个圆角区域
 
boolean  isEmpty()  //判断路径是否为空
  
void  transform(Matrix matrix)  //应用矩阵变换
 
void  transform(Matrix matrix, Path dst)  //应用矩阵变换并将结果放到新的路径中，即第二个参数。



一段简单的代码讲canvas，paint和path都用上：

protected void onDraw(Canvas canvas) {  
    Paint paintPath=new Paint();  
    Paint paintText=new Paint();  
    paintPath.setColor(Color.Red); //路径的画刷为红色  
    paintText.setColor(Color.Blue); //路径上的文字为蓝色  
    Path pathCWJ=new Path();  
    pathCWJ.addCircle(10,10,50,Direction.CW); // 半径为50px，绘制的方向CW为顺时针  
    canvas.drawPath(pathCWJ,paintPath);  
   canvas.drawTextOnPath("Android123 - CWJ",pathCWJ,0,15,paintText); //在路径上绘制文字  
  }


13rd Apr

其实上周五的时候就对如何改变calendar的界面单个日期的边框有了初步想法，今天晚上经过1个晚上的实验，终于搞定了，哈哈！将原来的代码重新划线，改成了圆形。

里面发现了一些新的知识点：

首先是在找width和height的长度时，发现用的是 surface.density = getResources().getDisplayMetrics().density; 这个函数，后来在网上找了下，发现density指的是屏幕的分辨率，这样就可以根据不同的终端屏幕类型自动适配边框大小了！

然后顺手记一下关于分辨率，像素之间的关系吧：

px   ：是屏幕的像素点
in    ：英寸
mm ：毫米
pt    ：磅，1/72 英寸
dp   ：一个基于density的抽象单位，如果一个160dpi的屏幕，1dp=1px
dip  ：等同于dp
sp   ：同dp相似，但还会根据用户的字体大小偏好来缩放。
建议使用sp作为文本的单位，其它用dip

针对dip和px 的关系，做以下概述：

QVGA屏density=120；          QVGA（240*320）

HVGA屏density=160；          HVGA（320*480）

WVGA屏density=240；         WVGA（480*800）

WQVGA屏density=120          WQVGA（240*400）

density值表示每英寸有多少个显示点，与分辨率是两个概念。

后来我debug了一下，发现当我使用的VCD是WVGA的时候，实际抓到的density的值确实是240，然后就可以按照density来设置各种元素的长度了：

surface.width = (int) (200 * surface.density);
surface.height = (int) (215 * surface.density);
surface.paddingwidth = (int) (12*surface.density/2);
surface.gap = (int) (7*surface.density/2);
surface.linespace = (int)(20*surface.density/2);
surface.radiu = (int) (surface.width-surface.paddingwidth*2-surface.gap*6)/7;


同时再记录下关于

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)函数

1、什么时候调用onMeasure方法？ 
当控件的父元素正要放置该控件时调用.父元素会问子控件一个问题，“你想要用多大地方啊？”，然后传入两个参数——widthMeasureSpec和heightMeasureSpec.
这两个参数指明控件可获得的空间以及关于这个空间描述的元数据.
更好的方法是你传递View的高度和宽度到setMeasuredDimension方法里,这样可以直接告诉父控件，需要多大地方放置子控件.
　　接下来的代码片段给出了如何重写onMeasure.注意，调用的本地空方法是来计算高度和宽度的.它们会译解widthHeightSpec和heightMeasureSpec值，并计算出合适的高度和宽度值.
java代码：

  1. <font size="4">@Override
  2. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  3. int measuredHeight = measureHeight(heightMeasureSpec);
  4. int measuredWidth = measureWidth(widthMeasureSpec);
  5. setMeasuredDimension(measuredHeight, measuredWidth);
  6. }
  7. private int measureHeight(int measureSpec) {
  8. // Return measured widget height.
  9. }
  10. private int measureWidth(int measureSpec) {
  11. // Return measured widget width.
  12. }</font>
复制代码
边界参数——widthMeasureSpec和heightMeasureSpec ，效率的原因以整数的方式传入。在它们使用之前，首先要做的是使用MeasureSpec类的静态方法getMode和getSize来译解，如下面的片段所示：
java代码：
  1. <font size="4">int specMode = MeasureSpec.getMode(measureSpec);
  2. int specSize = MeasureSpec.getSize(measureSpec);</font>
复制代码
依据specMode的值，（MeasureSpec有3种模式分别是UNSPECIFIED, EXACTLY和AT_MOST）
如果是AT_MOST，specSize 代表的是最大可获得的空间； 
如果是EXACTLY，specSize 代表的是精确的尺寸； 
如果是UNSPECIFIED，对于控件尺寸来说，没有任何参考意义。

2、那么这些模式和我们平时设置的layout参数fill_parent, wrap_content有什么关系呢？
经过代码测试就知道，当我们设置width或height为fill_parent时，容器在布局时调用子 view的measure方法传入的模式是EXACTLY，因为子view会占据剩余容器的空间，所以它大小是确定的。
而当设置为 wrap_content时，容器传进去的是AT_MOST, 表示子view的大小最多是多少，这样子view会根据这个上限来设置自己的尺寸。当子view的大小设置为精确值时，容器传入的是EXACTLY, 而MeasureSpec的UNSPECIFIED模式目前还没有发现在什么情况下使用。 
   View的onMeasure方法默认行为是当模式为UNSPECIFIED时，设置尺寸为mMinWidth(通常为0)或者背景drawable的最小尺寸，当模式为EXACTLY或者AT_MOST时，尺寸设置为传入的MeasureSpec的大小。 
   有个观念需要纠正的是，fill_parent应该是子view会占据剩下容器的空间，而不会覆盖前面已布局好的其他view空间，当然后面布局子 view就没有空间给分配了，所以fill_parent属性对布局顺序很重要。以前所想的是把所有容器的空间都占满了，难怪google在2.2版本里把fill_parent的名字改为match_parent.
　　在两种情况下，你必须绝对的处理这些限制。在一些情况下，它可能会返回超出这些限制的尺寸，在这种情况下，你可以让父元素选择如何对待超出的View，使用裁剪还是滚动等技术。
　　接下来的框架代码给出了处理View测量的典型实现：
java代码：
  1. <font size="4">@Override
  2. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  3. int measuredHeight = measureHeight(heightMeasureSpec);
  4. int measuredWidth = measureWidth(widthMeasureSpec);
  5. setMeasuredDimension(measuredHeight, measuredWidth);
  6. }
  7. private int measureHeight(int measureSpec) {
  8. int specMode = MeasureSpec.getMode(measureSpec);
  9. int specSize = MeasureSpec.getSize(measureSpec);
  10. // Default size if no limits are specified.
  11. int result = 500;
  12. if (specMode == MeasureSpec.AT_MOST){
  13. // Calculate the ideal size of your
  14. // control within this maximum size.
  15. // If your control fills the available
  16. // space return the outer bound.
  17. result = specSize;
  18. }
  19. else if (specMode == MeasureSpec.EXACTLY){
  20. // If your control can fit within these bounds return that value.
  21. result = specSize;
  22. }
  23. return result;
  24. }
  25. private int measureWidth(int measureSpec) {
  26. int specMode = MeasureSpec.getMode(measureSpec);
  27. int specSize = MeasureSpec.getSize(measureSpec);
  28. // Default size if no limits are specified.
  29. int result = 500;
  30. if (specMode == MeasureSpec.AT_MOST){
  31. // Calculate the ideal size of your control
  32. // within this maximum size.
  33. // If your control fills the available space
  34. // return the outer bound.
  35. result = specSize;
  36. }
  37. else if (specMode == MeasureSpec.EXACTLY){
  38. // If your control can fit within these bounds return that value.
  39. result = specSize;
  40. }
  41. return result;
  42. }</font>
复制代码
一个MeasureSpec封装了父布局传递给子布局的布局要求，每个MeasureSpec代表了一组宽度和高度的要求。一个MeasureSpec由大小和模式组成。它有三种模式：UNSPECIFIED(未指定),父元素部队自元素施加任何束缚，子元素可以得到任意想要的大小；EXACTLY(完全)，父元素决定自元素的确切大小，子元素将被限定在给定的边界里而忽略它本身大小；AT_MOST(至多)，子元素至多达到指定大小的值。
　　它常用的三个函数：
　　1.static int getMode(int measureSpec):根据提供的测量值(格式)提取模式(上述三个模式之一)
　　2.static int getSize(int measureSpec):根据提供的测量值(格式)提取大小值(这个大小也就是我们通常所说的大小)
　　3.static int makeMeasureSpec(int size,int mode):根据提供的大小值和模式创建一个测量值(格式)

　　这个类的使用呢，通常在view组件的onMeasure方法里面调用但也有少数例外，看看几个例子：
　　a.首先一个我们常用到的一个有用的函数，View.resolveSize(int size,int measureSpec)
  1. <font size="4">public static int resolveSize(int size, int measureSpec) {
  2.          int result = size;
  3.          int specMode = MeasureSpec.getMode(measureSpec);
  4.          int specSize =  MeasureSpec.getSize(measureSpec);
  5.          switch (specMode) {
  6.          case MeasureSpec.UNSPECIFIED:
  7.              result = size;
  8.              break;
  9.          case MeasureSpec.AT_MOST:
  10.              result = Math.min(size, specSize);
  11.              break;
  12.          case MeasureSpec.EXACTLY:
  13.              result = specSize;
  14.              break;
  15.          }
  16.          return result;
  17.      }</font>
复制代码
上面既然要用到measureSpec值，那自然表示这个函数通常是在onMeasure方法里面调用的。简单说一下，这个方法的主要作用就是根据你提供的大小和模式，返回你想要的大小值，这个里面根据传入模式的不同来做相应的处理。
　　再看看MeasureSpec.makeMeasureSpec方法，实际上这个方法很简单：
  1. <font size="4"> public static int makeMeasureSpec(int size, int mode) {
  2.             return size + mode;
  3.         }</font>
复制代码
这样大家不难理解size跟measureSpec区别了。看看它的使用吧,ListView.measureItem(View child)
  1. <font size="4">private void measureItem(View child) {
  2.          ViewGroup.LayoutParams p = child.getLayoutParams();
  3.          if (p == null) {
  4.              p = new ViewGroup.LayoutParams(
  5.                      ViewGroup.LayoutParams.MATCH_PARENT,
  6.                      ViewGroup.LayoutParams.WRAP_CONTENT);
  7.          }
  8.          int childWidthSpec = ViewGroup.getChildMeasureSpec(mWidthMeasureSpec,
  9.                  mListPadding.left + mListPadding.right, p.width);
  10.          int lpHeight = p.height;
  11.          int childHeightSpec;
  12.          if (lpHeight > 0) {
  13.              childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight, MeasureSpec.EXACTLY);
  14.          } else {
  15.              childHeightSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
  16.          }
  17.          child.measure(childWidthSpec, childHeightSpec);
  18.      }</font>
复制代码
measureSpec方法通常在ViewGroup中用到，它可以根据模式(MeasureSpec里面的三个)可以调节子元素的大小。
　　注意，使用EXACTLY和AT_MOST通常是一样的效果，如果你要区别他们，那么你就要使用上面的函数View.resolveSize(int size,int measureSpec)返回一个size值，然后使用你的view调用setMeasuredDimension(int,int)函数。
  1. <font size="4">protected final void setMeasuredDimension(int measuredWidth, int measuredHeight) {
  2.         mMeasuredWidth = measuredWidth;
  3.         mMeasuredHeight = measuredHeight;
  4.         mPrivateFlags |= MEASURED_DIMENSION_SET;
  5.     }</font>
复制代码
然后你调用view.getMeasuredWidth，view.getMeasuredHeigth 返回的就是上面函数里的mMeasuredWidth,mMeasuredHeight的值。
mode共有三种情况，取值分别为MeasureSpec.UNSPECIFIED, MeasureSpec.EXACTLY, MeasureSpec.AT_MOST。
MeasureSpec.EXACTLY是精确尺寸，当我们将控件的layout_width或layout_height指定为具体数值时如andorid:layout_width="50dip"，或者为FILL_PARENT是，都是控件
大小已经确定的情况，都是精确尺寸。
MeasureSpec.AT_MOST 是最大尺寸，当控件的layout_width或layout_height指定为WRAP_CONTENT时，控件大小一般随着控件的子空间或内容进行 变化，此时控件尺寸
只要不超过父控件允许的最大尺寸即可。因此，此时的mode是AT_MOST，size给出了父控件允许的最大尺寸。
MeasureSpec.UNSPECIFIED是未指定尺寸，这种情况不多，一般都是父控件是AdapterView，通过measure方法传入的模式。





















最后更新：2017-04-03 12:56:06

  上一篇：go Cocos2dx 3.0 过渡篇（一） 初体验
  下一篇：go C++ Virtual详解