android界面设计专题
【网学网提醒】：文章导读：在新的一年中，各位网友都进入紧张的学习或是工作阶段。网学会员整理了android界面设计专题的相关内容供大家参考，祝大家在新的一年里工作和学习顺利！
AndroidUI开发专题(一)之界面设计
近期很多网友对Android用户界面的设计表示很感兴趣，对于AndroidUI开发自绘控件和游戏制作而言掌握好绘图基础是必不可少的。本次专题分10节来讲述，有关OpenGLES相关的可能将放到以后再透露。本次主要涉及以下四个包的相关内容:android.content.res资源类android.graphics底层图形类android.view显示类android.widget控件类一、android.content.res.Resources对于Android平台的资源类android.content.res.Resources可能很多网友比较陌生，一起来看看SDK上是怎么介绍的吧，Containsclassesforaccessingapplicationresources,suchasrawassetfiles,colors,drawables,mediaorotherotherfilesinthepackage,plusimportantdeviceconfigurationdetails(orientation,inputtypes,etc.)thataffecthowtheapplicationmaybehave.平时用到的二进制源文件raw、颜色colors、图形drawables和多媒体文件media的相关资源均通过该类来管理。intgetColor(intid)对应res/values/colors.xmlDrawablegetDrawable(intid)对应res/drawable/XmlResourceParsergetLayout(intid)对应res/layout/StringgetString(intid)和CharSequencegetText(intid)对应res/values/strings.xmlInputStreamopenRawResource(intid)对应res/raw/voidparseBundleExtra(StringtagName,AttributeSetattrs,BundleoutBundle)对应res/xml/String[]getStringArray(intid)res/values/arrays.xmlfloatgetDimension(intid)res/values/dimens.xml二、android.graphics.Bitmap作为位图操作类，Bitmap提供了很多实用的方法，常用的我们总结如下:booleancompress(Bitmap.CompressFormatformat,intquality,OutputStreamstream)压缩一个Bitmap对象根据相关的编码、画质保存到一个OutputStream中。其中第一个压缩格式目前有JPG和PNGvoidcopyPixelsFromBuffer(Buffersrc)从一个Buffer缓冲区复制位图像素voidcopyPixelsToBuffer(Bufferdst)将当前位图像素内容复制到一个Buffer缓冲区我们看到创建位图对象createBitmap包含了6种方法在目前的Android2.1SDK中，当然他们使用的是APILevel均为1，所以说从Android1.0SDK开始就支持了，所以大家可以放心使用。staticBitmapcreateBitmap(Bitmapsrc)staticBitmapcreateBitmap(int[]colors,intwidth,intheight,Bitmap.Configconfig)staticBitmapcreateBitmap(int[]colors,intoffset,intstride,intwidth,intheight,Bitmap.Configconfig)staticBitmapcreateBitmap(Bitmapsource,intx,inty,intwidth,intheight,Matrixm,booleanfilter)
staticBitmapcreateBitmap(intwidth,intheight,Bitmap.Configconfig)staticBitmapcreateBitmap(Bitmapsource,intx,inty,intwidth,intheight)staticBitmapcreateScaledBitmap(Bitmapsrc,intdstWidth,intdstHeight,booleanfilter)//创建一个可以缩放的位图对象finalintgetHeight()获取高度finalintgetWidth()获取宽
度finalbooleanhasAlpha()是否有透明通道voidsetPixel(intx,inty,intcolor)设置某像素的颜色intgetPixel(intx,inty)获取某像素的颜色，android开发网提示这里返回的int型是color的定义三、android.graphics.BitmapFactory作为Bitmap对象的I/O类，BitmapFactory类提供了丰富的构造Bitmap对象的方法，比如从一个字节数组、文件系统、资源ID、以及输入流中来创建一个Bitmap对象，下面本类的全部成员，除了decodeFileDescriptor外其他的重载方法都很常用。staticBitmapdecodeByteArray(byte[]data,intoffset,intlength)//从字节数组创建staticBitmapdecodeByteArray(byte[]data,intoffset,intlength,BitmapFactory.Optionsopts)staticBitmapdecodeFile(StringpathName,BitmapFactory.Optionsopts)//从文件创建，路径要写全staticBitmapdecodeFile(StringpathName)staticBitmapdecodeFileDescriptor(FileDescriptorfd,RectoutPadding,BitmapFactory.Optionsopts)//从输入流句柄创建staticBitmapdecodeFileDescriptor(FileDescriptorfd)staticBitmapdecodeResource(Resourcesres,intid)//从Android的APK文件资源中创建，android123提示是从/res/的drawable中staticBitmapdecodeResource(Resourcesres,intid,BitmapFactory.Optionsopts)staticBitmapdecodeResourceStream(Resourcesres,TypedValuevalue,InputStreamis,Rectpad,BitmapFactory.Optionsopts)staticBitmapdecodeStream(InputStreamis)//从一个输入流中创建staticBitmapdecodeStream(InputStreamis,RectoutPadding,BitmapFactory.Optionsopts)四、android.graphics.Canvas从J2MEMIDLET时我们就知道Java提供了Canvas类，而目前在Android平台中，它主要任务为管理绘制过程，TheCanvasclassholdsthe"draw"calls.Todrawsomething,youneed4basiccomponents:ABitmaptoholdthepixels,aCanvastohostthedrawcalls(writingintothebitmap),adrawingprimitive(e.g.Rect,Path,text,Bitmap),andapaint(todescribethecolorsandstylesforthedrawing).该类主要提供了三种构造方法，分别为构造一个空的Canvas、从Bitmap中构造和从GL对象中创建，如下Canvas()Canvas(Bitmapbitmap)Canvas(GLgl)同时Canvas类的一些字段保存着重要的绘制方法定义，比如
Canvas.HAS_ALPHA_LAYER_SAVE_FLAG保存时需要alpha层，对于Canvas类提供的方法很多，每个都很重要，下面我们一一作介绍booleanclipPath(Pathpath)booleanclipPath(Pathpath,Region.Opop)booleanclipRect(floatleft,floattop,floatright,floatbottom)booleanclipRect(Rectrect)booleanclipRect(floatleft,floattop,floatright,floatbottom,Region.Opop)booleanclipRect(Rectrect,Region.Opop)booleanclipRect(RectFrect)booleanclipRect(RectFrect,Region.Opop)booleanclipRect(intleft,inttop,intright,intbottom)booleanclipRegion(Regionregion,Region.Opop)booleanclipRegion(Regionregion)voi
dconcat(Matrixmatrix)voiddrawARGB(inta,intr,intg,intb)voiddrawArc(RectFoval,floatstartAngle,floatsweepAngle,booleanuseCenter,Paintpaint)voiddrawBitmap(Bitmapbitmap,Matrixmatrix,Paintpaint)voiddrawBitmap(int[]colors,intoffset,intstride,floatx,floaty,intwidth,intheight,booleanhasAlpha,Paintpaint)voiddrawBitmap(Bitmapbitmap,Rectsrc,Rectdst,Paintpaint)voiddrawBitmap(Bitmapbitmap,floatleft,floattop,Paintpaint)voiddrawBitmap(int[]colors,intoffset,intstride,intx,inty,intwidth,intheight,booleanhasAlpha,Paintpaint)voiddrawBitmap(Bitmapbitmap,Rectsrc,RectFdst,Paintpaint)voiddrawBitmapMesh(Bitmapbitmap,intmeshWidth,intmeshHeight,float[]verts,intvertOffset,int[]colors,intcolorOffset,Paintpaint)voiddrawCircle(floatcx,floatcy,floatradius,Paintpaint)voiddrawColor(intcolor)voiddrawColor(intcolor,PorterDuff.Modemode)voiddrawLine(floatstartX,floatstartY,floatstopX,floatstopY,Paintpaint)voiddrawLines(float[]pts,Paintpaint)voiddrawLines(float[]pts,intoffset,intcount,Paintpaint)voiddrawOval(RectFoval,Paintpaint)voiddrawPaint(Paintpaint)voiddrawPath(Pathpath,Paintpaint)voiddrawPicture(Picturepicture,RectFdst)voiddrawPicture(Picturepicture,Rectdst)voiddrawPicture(Picturepicture)voiddrawPoint(floatx,floaty,Paintpaint)voiddrawPoints(float[]pts,intoffset,intcount,Paintpaint)voiddrawPoints(float[]pts,Paintpaint)voiddrawPosText(char[]text,intindex,intcount,float[]pos,Paintpaint)voiddrawPosText(Stringtext,float[]pos,Paintpaint)
voiddrawRGB(intr,intg,intb)voiddrawRect(RectFrect,Paintpaint)voiddrawRect(floatleft,floattop,floatright,floatbottom,Paintpaint)voiddrawRect(Rectr,Paintpaint)voiddrawRoundRect(RectFrect,floatrx,floatry,Paintpaint)voiddrawText(Stringtext,intstart,intend,floatx,floaty,Paintpaint)voiddrawText(char[]text,intindex,intcount,floatx,floaty,Paintpaint)voiddrawText(Stringtext,floatx,floaty,Paintpaint)voiddrawText(CharSequencetext,intstart,intend,floatx,floaty,Paintpaint)voiddrawTextOnPath(Stringtext,Pathpath,floathOffset,floatvOffset,Paintpaint)voiddrawTextOnPath(char[]text,intindex,intcount,Pathpath,floathOffset,floatvOffset,Paintpaint)voiddrawVertices(Canvas.VertexModemode,intvertexCount,float[]verts,intvertOffset,float[]texs,inttexOffset,int[]colors,intcolorOffset,short[]indices,intindexOffset,intindexCount,Paintpaint)staticvoidfreeGlCaches()booleangetClipBounds(Rectbounds)finalRectgetClipBounds()intgetDensity()DrawFiltergetDrawFilter()GLgetGL()intgetHeight()voidgetMatrix(Matrixctm)finalMatrixgetMatrix()intgetSaveCount()intgetWidth()booleanisOpaque()booleanquickReject(Pathpath,Canvas.EdgeTypetype)booleanquickReject(floatleft,floattop,floatright,floatbottom,Canvas.Edge
Typetype)booleanquickReject(RectFrect,Canvas.EdgeTypetype)voidrestore()voidrestoreToCount(intsaveCount)finalvoidrotate(floatdegrees,floatpx,floatpy)voidrotate(floatdegrees)intsave()intsave(intsaveFlags)intsaveLayer(floatleft,floattop,floatright,floatbottom,Paintpaint,intsaveFlags)intsaveLayer(RectFbounds,Paintpaint,intsaveFlags)intsaveLayerAlpha(floatleft,floattop,floatright,floatbottom,intalpha,intsaveFlags)intsaveLayerAlpha(RectFbounds,intalpha,intsaveFlags)
finalvoidvoidvoidvoidvoidvoidvoidvoid
voidscale(floatsx,floatsy,floatpx,floatpy)scale(floatsx,floatsy)setBitmap(Bitmapbitmap)setDensity(intdensity)setDrawFilter(DrawFilterfilter)setMatrix(Matrixmatrix)setViewport(intwidth,intheight)skew(floatsx,floatsy)translate(floatdx,floatdy)
五、android.graphics.Color有关Android平台上表示颜色的方法有很多种，Color提供了常规主要颜色的定义比如Color.BLACK和Color.GREEN等等，我们平时创建时主要使用以下静态方法staticintargb(intalpha,intred,intgreen,intblue)构造一个包含透明对象的颜色staticintrgb(intred,intgreen,intblue)构造一个标准的颜色对象staticintparseColor(StringcolorString)解析一种颜色字符串的值，比如传入Color.BLACK本类返回的均为一个整形类似绿色为0xff00ff00，红色为0xffff0000。我们将这个DWORD型看做AARRGGBB，AA代表Aphla透明色，后面的就不难理解，每个分成WORD整好为0-255。有关Android平台其他的UI和图形相关内容我们将在今后的9节中讲解到，如果有什么疑问可以来函至android123@163我们提供相关的技术支持。便于公开的问题可以直接在我们的论坛中发帖。
AndroidUI开发专题(二)
之绘图基础发帖日期：2010-02-0911:01:05标签：ophoneandroid今天我们继续介绍Android平台底层绘图类的相关内容，在AndroidUI开发专题(一)之界面设计中我们介绍了有关Android平台资源使用以及Bitmap相关类的操作，接下来将会以实例的方式给大家演示各种类的用处以及注意点。今天我们继续了解android.graphics包中比较重要的绘图类。一、android.graphics.Matrix有关图形的变换、缩放等相关操作常用的方法有:voidreset()//重置一个matrix对象。voidset(Matrixsrc)//复制一个源矩阵，和本类的构造方法Matrix(Matrixsrc)一样booleanisIdentity()//返回这个矩阵是否定义(已经有意义)voidsetRotate(floatdegrees)//指定一个角度以0,0为坐标进行旋转voidsetRotate(floatdegrees,floatpx,floatpy)//指定一个角度以px,py为坐标进行旋转voidsetScale(floatsx,floatsy)//缩放voidsetScale(floatsx,floatsy,floatpx,floatpy)//以坐标px,py进行缩放
voidsetTranslate(floatdx,floatdy)//平
移voidsetSkew(floatkx,floatky,floatpx,floatpy)//以坐标px,py进行倾斜voidsetSkew(floatkx,floatky)//倾斜二、android.graphics.NinePatchNinePatch是Android平台特有的一种非矢量图形自然拉伸处理方法，可以帮助常规的图形在拉伸时不会缩放，实例中Android开发网提示大家对于Toast的显示就是该原理，同时SDK中提供了一个工具名为Draw9-Patch，有关该工具的使用方法可以参考我们经发布的Draw9-Patch使用方法介绍一文。由于该类提供了高质量支持透明的缩放方式，所以图形格式为PNG，文件命名方式为.9.png的后缀比如android123.9.png。三、android.graphics.PaintPaint类我们可以理解为画笔、画刷的属性定义，本类常用的方法如下:voidreset()//重置voidsetARGB(inta,intr,intg,intb)或voidsetColor(intcolor)均为设置Paint对象的颜色voidsetAntiAlias(booleanaa)//是否抗锯齿，需要配合voidsetFlags(Paint.ANTI_ALIAS_FLAG)来帮助消除锯齿使其边缘更平滑。ShadersetShader(Shadershader)//设置阴影，Shader类是一个矩阵对象，如果为NULL将清除阴影。voidsetStyle(Paint.Stylestyle)//设置样式，一般为FILL填充，或者STROKE凹陷效果。voidsetTextSize(floattextSize)//设置字体大小voidsetTextAlign(Paint.Alignalign)//文本对齐方式TypefacesetTypeface(Typefacetypeface)//设置字体，通过Typeface可以加载Android内部的字体，一般为宋体对于中文，部分ROM可以自己添加比如雅黑等等voidsetUnderlineText(booleanunderlineText)//是否设置下划线，需要撇和voidsetFlags(Paint.UNDERLINE_TEXT_FLAG)方法。四、android.graphics.RectRect我们可以理解为矩形区域，类似的还有Point一个点，Rect类除了表示一个矩形区域位置描述外，android123提示主要可以帮助我们计算图形之间是否碰撞(包含)关系，对于Android游戏开发比较有用，其主要的成员contains包含了三种重载方法，来判断包含关系booleancontains(intleft,inttop,intright,intbottom)booleancontains(intx,inty)booleancontains(Rectr)五、android.graphics.RegionRegion在Android平台中表示一个区域和Rect不同的是，它表示的是一个不规则的样子，可以是椭圆、多边形等等，而Rect仅仅是矩形。同样Region的booleancontains(intx,inty)成员可以判断一个点是否在该区域内六、android.graphics.TypefaceTypeface类是帮助描述一个字体对象，在TextView中通过使用setTypeface方法来制定一个输出文本的字体，其直接构造调用成员create方法可以直接指定一个字体名称和样式，比如staticTypefacecreate(Typefacefamily,intstyle)staticTypefacecreate(StringfamilyName,intstyle)同时使用isBold和isItalic方法可以判断出是否包含粗体或斜体
的字型。
finalbooleanisBold()finalbooleanisItalic()该类的创建方法还有从apk的资源或从一个具体的文件路径，其具体方法为staticTypefacecreateFromAsset(AssetManagermgr,Stringpath)staticTypefacecreateFromFile(Filepath)staticTypefacecreateFromFile(Stringpath)有关Android平台的图形、图像我们在前两节中已经整理出来，下次我们将首先讲述下NinePatch的实例应用。
AndroidUI开发专题(三)
各种Drawable发帖日期：2010-02-0911:02:10标签：ophoneandroid本次我们主要讲解Android平台下的各种Drawable，这里在SDK的android.graphics.drawable包下面可以看到有各种Drawable类多达十几种，它们到底之间有什么关系和区别呢?一、AnimationDrawable顾名思义该类主要表示动画的图形类，可以实现逐帧播放的效果，下面代码示例如下1.定义一个cwj_animation.xml放到res/drawable目录下，其中定义的属性duration为延时，单位为毫秒，而oneshot属性表示是否仅播放一次，内容为:
了更多的有关位图的操作方法，主要的构造方法如下:BitmapDrawable()//直接构造一个空的对象，这样方式不推荐使用，SDK标记为deprecated.未来可能无法使用。BitmapDrawable(Resourcesres)//从资源中构造BitmapDrawable(Bitmapbitmap)//从Bitmap对象直接构造，但也是不推荐，而是希
望用下一种BitmapDrawable(Resourcesres,Bitmapbitmap)//从bitmap中创建设置初始的分辨率从res中BitmapDrawable(Stringfilepath)//从具体文件路径构造，也不推荐使用，而是下一种更好BitmapDrawable(Resourcesres,Stringfilepath)//同上BitmapDrawable(InputStreamis)//从输入流中构造，同样推荐下面的方法BitmapDrawable(Resourcesres,InputStreamis)//同上在BitmapDrawable类中相对于Drawable类主要新增了以下几种方法，均比较实用:finalBitmapgetBitmap()获取一个Bitmap对象intgetOpacity()//获取透明度voidsetAntiAlias(booleanaa)//是否抗锯齿voidsetTargetDensity(Canvascanvas)//设置目标Canvas密度voidsetTargetDensity(DisplayMetricsmetrics)三、ClipDrawableColorDrawableDrawableGradientDrawableInsetDrawableLayerDrawableLevelListDrawableNinePatchDrawablePaintDrawablePictureDrawableRotateDrawableScaleDrawableShapeDrawableStateListDrawableTransitionDrawable以上的类型在常见的开发一般较少出现，主要是基类构造使用，Android内部的多个Widget基础控件使用了，感兴趣的网友可以查看开源GIT中的相关内容。
AndroidUI开发专题(四)
View自绘控件发帖日期：2010-02-0911:03:13标签：ophoneandroid很多时候想要设计漂亮的AndroidUI，使用Android自带的控件无法满足我们的需要就要考虑自绘控件，在Android界面显示类View，可以通过继承扩展重写相关方法来实现我们的图形绘制。首先我们需要了解下View类的底层实现，在SDK中我们可以看到View直接继承于Java的基类Object，实现了图形绘制和按键事件Drawable.CallbackKeyEvent.Callback的相关
方法，我们自绘时主要实现其内部的onDraw方法，相关的界面计算可以重写onMeasure方法，对于相关的按键可以重载onKeyDown、onKeyUp以及onTouchEvent等，下面android开发网就以一个实例来表示。publicclasscwjViewextendsView{publiccwjView(Contextcontext){this(context,null);}publiccwjView(Contextcontext,AttributeSetattrs){this(context,attrs,0);}publiccwjView(Contextcontext,AttributeSetattrs,intdefStyle){super(context,attrs,defStyle);//这里是本类的构造，相关初始化可以在这里添加代码}@OverrideprotectdvoidonDraw(Canvascanvas){super(canvas);//绘图的关键，可以看到已经包含了一个canvas句柄，可以直接通过我们前面讲到的Canvas类进行相关的操作，完整的例子，大家可以参考AndroidSDK中例子Snake贪食蛇游戏的实现。}}有关View类的更新，我们直接通过调用invalidate(intl,intr,intr,intb)来更新一个Rect矩形区域，或更新全部，同时在线程中我们使用需要调用postInvalidate来更新界面。
AndroidUI开发专题(五)
Bitmap和Canvas实例发帖日期：2010-02-0911:04:14标签：ophone
android在AndroidUI开发专题的前五节我们讲到的东西主要是基础和理论内容，从本次Android123将通过实例代码来演示，本次主要是Bitmap和Canvas类的使用，根据要求缩放Bitmap对象并返回新的Bitmap对象。centerToFit方法一共有4个参数，返回一个Bitmap类型，第一个参数为原始的位图对象，width和height分别为新的宽和高，Context是用来加载资源的上下文实例。而BitmapcenterToFit(Bitmapbitmap,intwidth,intheight,Contextcontext){finalintbitmapWidth=bitmap.getWidth();//获取原始bitmap的宽度finalintbitmapHeight=bitmap.getHeight();if(bitmapWidth