搜档网
搜档网
当前位置：搜档网 › android UI界面设计

android UI界面设计

android UI界面设计
android UI界面设计

Android UI开发专题(一) 之界面设计

发帖日期：2010-02-09 10:49:28 标签：ophone

近期很多网友对Android用户界面的设计表示很感兴趣，对于Android UI开发自绘控件和游戏制作而言掌握好绘图基础是必不可少的。本次专题分10节来讲述，有关OpenGL ES相关的可能将放到以后再透露。本次主要涉及以下四个包的相关内容:

android.content.res 资源类

android.graphics 底层图形类

android.view 显示类

android.widget 控件类

一、android.content.res.Resources

对于Android平台的资源类android.content.res.Resources可能很多网友比较陌生，一起来看看SDK上是怎么介绍的吧，Contains classes for accessing application resources, such as raw asset files, colors, drawables, media or other other files in the package, plus important device configuration details (orientation, input types, etc.) that affect how the application may behave.平时用到的二进制源文件raw、颜色colors、图形drawables和多媒体文件media的相关资源均通过该类来管理。

int getColor(int id) 对应res/values/colors.xml

Drawable getDrawable(int id) 对应res/drawable/

XmlResourceParser getLayout(int id) 对应res/layout/

String getString(int id) 和CharSequence getText(int id) 对应

res/values/strings.xml

InputStream openRawResource(int id) 对应res/raw/

void parseBundleExtra (String tagName, AttributeSet attrs, Bundle outBundle) 对应res/xml/

String[] getStringArray(int id) res/values/arrays.xml

float getDimension(int id) res/values/dimens.xml

二、android.graphics.Bitmap

作为位图操作类，Bitmap提供了很多实用的方法，常用的我们总结如下:

boolean compress(https://www.sodocs.net/doc/4418411560.html,pressFormat format, int quality, OutputStream stream) 压缩一个Bitmap对象根据相关的编码、画质保存到一个OutputStream中。其中第一个压缩格式目前有JPG和PNG

void copyPixelsFromBuffer(Buffer src) 从一个Buffer缓冲区复制位图像素

void copyPixelsToBuffer(Buffer dst) 将当前位图像素内容复制到一个Buffer缓冲区

我们看到创建位图对象createBitmap包含了6种方法在目前的Android 2.1 SDK中，当然他们使用的是API Level均为1，所以说从Android 1.0 SDK开始就支持了，所以大家可以放心使用。

static Bitmap createBitmap(Bitmap src)

static Bitmap createBitmap(int[] colors, int width, int height, Bitmap.Config config)

static Bitmap createBitmap(int[] colors, int offset, int stride, int width, int height, Bitmap.Config config)

static Bitmap createBitmap(Bitmap source, int x, int y, int width, int height, Matrix m, boolean filter)

static Bitmap createBitmap(int width, int height, Bitmap.Config config)

static Bitmap createBitmap(Bitmap source, int x, int y, int width, int height) static Bitmap createScaledBitmap(Bitmap src, int dstWidth, int dstHeight, boolean filter) //创建一个可以缩放的位图对象

final int getHeight() 获取高度

final int getWidth() 获取宽度

final boolean hasAlpha() 是否有透明通道

void setPixel(int x, int y, int color) 设置某像素的颜色

int getPixel(int x, int y) 获取某像素的颜色，android开发网提示这里返回的int 型是color的定义

三、android.graphics.BitmapFactory

作为Bitmap对象的I/O类，BitmapFactory类提供了丰富的构造Bitmap对象的方法，比如从一个字节数组、文件系统、资源ID、以及输入流中来创建一个Bitmap对象，下面本类的全部成员，除了decodeFileDescriptor外其他的重载方法都很常用。

static Bitmap decodeByteArray(byte[] data, int offset, int length) //从字节数组创建

static Bitmap decodeByteArray(byte[] data, int offset, int length, BitmapFactory.Options opts)

static Bitmap decodeFile(String pathName, BitmapFactory.Options opts) //从文件

创建，路径要写全

static Bitmap decodeFile(String pathName)

static Bitmap decodeFileDescriptor(FileDescriptor fd, Rect outPadding, BitmapFactory.Options opts) //从输入流句柄创建

static Bitmap decodeFileDescriptor(FileDescriptor fd)

static Bitmap decodeResource(Resources res, int id) //从Android的APK文件资源中创建，android123提示是从/res/的drawable中

static Bitmap decodeResource(Resources res, int id, BitmapFactory.Options opts)

static Bitmap decodeResourceStream(Resources res, TypedValue value, InputStream is, Rect pad, BitmapFactory.Options opts)

static Bitmap decodeStream(InputStream is) //从一个输入流中创建

static Bitmap decodeStream(InputStream is, Rect outPadding,

BitmapFactory.Options opts)

四、android.graphics.Canvas

从J2ME MIDLET时我们就知道Java提供了Canvas类，而目前在Android平台中，它主要任务为管理绘制过程，The Canvas class holds the "draw" calls. To draw something, you need 4 basic components: A Bitmap to hold the pixels, a Canvas to host the draw calls (writing into the bitmap), a drawing primitive (e.g. Rect, Path, text, Bitmap), and a paint (to describe the colors and styles for the drawing).

该类主要提供了三种构造方法，分别为构造一个空的Canvas、从Bitmap中构造和从GL对象中创建，如下

Canvas()

Canvas(Bitmap bitmap)

Canvas(GL gl)

同时Canvas类的一些字段保存着重要的绘制方法定义，比如

Canvas.HAS_ALPHA_LAYER_SAVE_FLAG 保存时需要alpha层，对于Canvas类提供的方法很多，每个都很重要，下面我们一一作介绍

boolean clipPath(Path path)

boolean clipPath(Path path, Region.Op op)

boolean clipRect(float left, float top, float right, float bottom)

boolean clipRect(Rect rect)

boolean clipRect(float left, float top, float right, float bottom, Region.Op op) boolean clipRect(Rect rect, Region.Op op)

boolean clipRect(RectF rect)

boolean clipRect(RectF rect, Region.Op op)

boolean clipRect(int left, int top, int right, int bottom)

boolean clipRegion(Region region, Region.Op op)

boolean clipRegion(Region region)

void concat(Matrix matrix)

void drawARGB(int a, int r, int g, int b)

void drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)

void drawBitmap(Bitmap bitmap, Matrix matrix, Paint paint)

void drawBitmap(int[] colors, int offset, int stride, float x, float y, int width, int height, boolean hasAlpha, Paint paint)

void drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint)

void drawBitmap(Bitmap bitmap, float left, float top, Paint paint)

void drawBitmap(int[] colors, int offset, int stride, int x, int y, int width, int height, boolean hasAlpha, Paint paint)

void drawBitmap(Bitmap bitmap, Rect src, RectF dst, Paint paint)

void drawBitmapMesh(Bitmap bitmap, int meshWidth, int meshHeight, float[] verts, int vertOffset, int[] colors, int colorOffset, Paint paint)

void drawCircle(float cx, float cy, float radius, Paint paint)

void drawColor(int color)

void drawColor(int color, PorterDuff.Mode mode)

void drawLine(float startX, float startY, float stopX, float stopY, Paint paint) void drawLines(float[] pts, Paint paint)

void drawLines(float[] pts, int offset, int count, Paint paint)

void drawOval(RectF oval, Paint paint)

void drawPaint(Paint paint)

void drawPath(Path path, Paint paint)

void drawPicture(Picture picture, RectF dst)

void drawPicture(Picture picture, Rect dst)

void drawPicture(Picture picture)

void drawPoint(float x, float y, Paint paint)

void drawPoints(float[] pts, int offset, int count, Paint paint)

void drawPoints(float[] pts, Paint paint)

void drawPosText(char[] text, int index, int count, float[] pos, Paint paint) void drawPosText(String text, float[] pos, Paint paint)

void drawRGB(int r, int g, int b)

void drawRect(RectF rect, Paint paint)

void drawRect(float left, float top, float right, float bottom, Paint paint) void drawRect(Rect r, Paint paint)

void drawRoundRect(RectF rect, float rx, float ry, Paint paint)

void drawText(String text, int start, int end, float x, float y, Paint paint) void drawText(char[] text, int index, int count, float x, float y, Paint paint) void drawText(String text, float x, float y, Paint paint)

void drawText(CharSequence text, int start, int end, float x, float y, Paint paint)

void drawTextOnPath(String text, Path path, float hOffset, float vOffset, Paint paint)

void drawTextOnPath(char[] text, int index, int count, Path path, float hOffset, float vOffset, Paint paint)

void drawVertices(Canvas.VertexMode mode, int vertexCount, float[] verts, int vertOffset, float[] texs, int texOffset, int[] colors, int colorOffset, short[] indices, int indexOffset, int indexCount, Paint paint)

static void freeGlCaches()

boolean getClipBounds(Rect bounds)

final Rect getClipBounds()

int getDensity()

DrawFilter getDrawFilter()

GL getGL()

int getHeight()

void getMatrix(Matrix ctm)

final Matrix getMatrix()

int getSaveCount()

int getWidth()

boolean isOpaque()

boolean quickReject(Path path, Canvas.EdgeType type)

boolean quickReject(float left, float top, float right, float bottom, Canvas.EdgeType type)

boolean quickReject(RectF rect, Canvas.EdgeType type)

void restore()

void restoreToCount(int saveCount)

final void rotate(float degrees, float px, float py)

void rotate(float degrees)

int save()

int save(int saveFlags)

int saveLayer(float left, float top, float right, float bottom, Paint paint, int saveFlags)

int saveLayer(RectF bounds, Paint paint, int saveFlags)

int saveLayerAlpha(float left, float top, float right, float bottom, int alpha, int saveFlags)

int saveLayerAlpha(RectF bounds, int alpha, int saveFlags)

final void scale(float sx, float sy, float px, float py)

void scale(float sx, float sy)

void setBitmap(Bitmap bitmap)

void setDensity(int density)

void setDrawFilter(DrawFilter filter)

void setMatrix(Matrix matrix)

void setViewport(int width, int height)

void skew(float sx, float sy)

void translate(float dx, float dy)

五、android.graphics.Color

有关Android平台上表示颜色的方法有很多种，Color提供了常规主要颜色的定义比如Color.BLACK和Color.GREEN等等，我们平时创建时主要使用以下静态方法

static int argb(int alpha, int red, int green, int blue) 构造一个包含透明对象的颜色

static int rgb(int red, int green, int blue) 构造一个标准的颜色对象

static int parseColor(String colorString) 解析一种颜色字符串的值，比如传入Color.BLACK

本类返回的均为一个整形类似绿色为0xff00ff00，红色为0xffff0000。我们将这个DWORD 型看做AARRGGBB，AA代表Aphla透明色，后面的就不难理解，每个分成WORD整好为0-255。

有关Android平台其他的UI和图形相关内容我们将在今后的9节中讲解到，如果有什么疑问可以来函至android123@https://www.sodocs.net/doc/4418411560.html, 我们提供相关的技术支持。便于公开的问题可以直接在我们的论坛中发帖。

Android简单的登陆界面的设计开发

通信实训报告 -Android移动平台开发 学院：信息工程学院 班级： 学号： 姓名：

实训内容： 一．1.Andriod的简介 Android一词的本义指“机器人”，同时也是Google于2007年11月5日宣布的基于Linux平台的开源手机操作系统的名称，该平台由操作系统、中间件、用户界面和应用软件组成，号称是首个为移动终端打造的真正开放和完整的移动软件。目前，最新版本为Android 2.4 Gingerbread 和Android 3.0 Honeycomb。 Android是基于Linux开放性内核的操作系统，是Google公司在2007年11月5日公布的手机操作系统。 Android早期由原名为"Android"的公司开发，谷歌在2005年收购"Android.Inc"后，继续对Android系统开发运营，它采用了软件堆层（software stack，又名软件叠层）的架构，主要分为三部分。底层Linux内核只提供基本功能，其他的应用软件则由各公司自行开发，部分程序以Java编写。2011年初数据显示，仅正式上市两年的操作系统Android已经超越称霸十年的塞班系统，使之跃居全球最受欢迎的智能手机平台。现在，Android系统不但应用于智能手机，也在平板电脑市场急速扩张，在智能MP4方面也有较大发展。采用Android系统主要厂商包括台湾的HTC,(第一台谷歌的手机G1由HTC生产代工）美国摩托罗拉,SE等，中国大陆厂商如：魅族（M9），华为、中兴、联想、蓝魔等。 2.Android构架图 二．1软件下载 Android SDK，网址是https://www.sodocs.net/doc/4418411560.html,. JDK的下载地址https://www.sodocs.net/doc/4418411560.html,/javase/downloads/widget/jdk6.jsp。Eclipse的下载网址是https://www.sodocs.net/doc/4418411560.html,/downloads/ 2.Android开发环境搭建

Android人机界面(UI)设计规范(带目录)

Android 人机界面设计规范 1Android 设计的依据 1.1 框架结构及流程 是什么使得android 有着独特的用户体验？ 后台处理支持多任务功能 正在进行和事件驱动的提示信息 通过Widgets 和live folders 来实现实时信息的预览 用户想用时，任一应用程序都可以挑选和选择 android 不是关于程序的，它是关于活动，把任务分层， 1.2 架构基础 硬件平台 android 设备代表的是硬件和软件的完美组合。硬件辅助导航操作，并给android 提供更多更好的功能。当菜单没有开启，要把屏幕最大化时，菜单按钮可以在屏幕上提供更多的内容。返回按钮允许使用返回堆（back stack）。 竖屏与横屏 一般来说，用户界面开发竖屏与横屏。在新横屏也仍存在于新的Android 手机中。99％的android 布局支持横屏。 焦点和菜单 在触摸模式里没有焦点，只有轨迹球。Android 平台里没有鼠标焦点。确定你从未显示焦点。主菜单应该包括全部功能；它们与活动联系一起形成整体。菜单上的图标按重要性排序。如果有多于5 个图标，使用点击more menu 菜单来查看那些不太重要的菜单项。上下文菜单（长按）集中在一个特定对象。 总是把那些与所选项最相关的行为放在长按菜单的顶部。 需要记住的几点： 设计时要考虑速度和简洁 尽量分层来分等级 屏幕上的活动尽量最小 使用下载进度条，下载数据时，而不是让用户等待去看一个加载完全的页面。 考虑活动流而不是线性行为 1.3 屏幕上的行为

android 设计了特定的行为方式。在你的应用程序里利用好这一点。应该坚持android 行为的标准，避免混淆用户。 1.4 表达 细节使得产品集中在细节。程序的美学会帮助你集中注意在那些应用体验核心的关键任务上。API DEMO 是开始你的工具包的好地方。 2 用户界面原则 这部分试图讲述创造一个好的用户界面的一些基本的交互设计原则。这些原则是基本的，不止能应用于android 的用户界面设计，也可以应用于其他。苹果建议开发者花费60％的开发时间来进行设计工作。下面的用户界面原则将为好的设计提供一个基础。 2.1 隐喻 隐喻是构建一个基于操作任务心智模型的模块；用它们来传递应用程序的概念和功能。基于真实世界的应用对象可以帮助用户很快的理解该应用程序。当你设计你的应用程序时，要注意andriod 中存在的隐喻，不要重新定义它们。同时，检查你的应用程序执行的任务，看是否有些自然隐喻你可以使用。 2.2 反映用户的心智模型 用户已经有了一个来描述你的程序正在进行的任务的心智模型。这个心智模型产生于真实世界经验、其它软件和一般电脑基本知识的结合。比如说，用户在真实世界里有写字、寄信的经验，也会产生特定的期待，像写一封新的信，选一个接受者，然后寄出信。一个忽略用户心智模型的电子邮件程序用起来会很困难和不舒服。这是因为程序强加给用户一个不熟悉的概念模型，而不是建立一个用户已有的知识经验模式。 在设计程序用户界面之前，试着去发现你的用户的心智模型,这样帮助用户去执行任务。心智模型中内在的隐喻，它代表了任务的概念组成。在写信这个例子中，隐喻包括信件、邮包和信封。在涉及到照片的任务的思考模式中，隐喻包括照片、照相机和专辑。我们要努力地发现用户的期望，包括任务组成、组织、窗口布局的工作流、菜单和工具栏组织、控制面板的使用。 要通过努力地何必把个下面的特征与用户心智模型相融合： 熟悉性 用户的心智模型主要是建立在经验的基础上 简单化 一项任务的心智模型通常是流线型，关注任务的基本组成部分。尽管对于一个给定的任务有很多可选的细节，但是基本的组成部分占大部分，并且不会占用用户的注意。 可利用性Availability

第4章 Android用户界面设计

视图组件的使用模式 常用组件 高级组件 提示框与警告对话框

就是Android应用程序的开发过程。一般过程是先通过XML布局文件或Java代码创建界面布局，设定组件显示样式，随后获取UI组件对象，并处理组件事件响应。 视图组件的定义 资源的访问 生成视图组件资源标识 视图组件的引用 视图组件的事件响应 组件的常用属性

1.1视图组件的定义 使用XML布局文件定义视图组件 使用Java代码定义视图组件(不推荐)

1.1视图组件的定义 使用XML布局文件定义视图组件 Android平台为大多数视图组件以及其子类提供了XML标记，可通过XML布局文件中的标记来定义视图组件。XML中的每个元素代表了一个组件，即元素名称对应相应的Java类。

1.1视图组件的定义

相关文档

最新文档

© 2013-2022 www.sodocs.net  站点地图 | 侵权投诉

闽ICP备11023808号-8  本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈