androidappui框架(android 应用框架)
Android UI 的设计规则
软件界面设计相关的各项介绍
界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。具体包括软件启动封面设计，软
件框架设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计，安装过程设计，包装及商品化。
在设计的过程中有较多注意的关键问题，以下列出几点：
(1)软件启动封面设计
应使软件启动封面最终为高清晰度的图像，如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不
宜超过256 色，最好为216色安全色。软件启动封面大小多为主流显示器分辨率的1/6大。如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等信息，以树立软件形象，方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的，象征性强的，识别性高的，视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征。
(2)软件框架设计
软件的框架设计就复杂得多，因为涉及软件的使用功能，应该对该软件产品的程序和使用比较了解，这就需要设计师有一定的软件跟进经验，能够快速的学习软件产品，并且在和软件产品的程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，将软件商标放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。
(3)软件按钮设计
软件按钮设计应该具有交互性，即应该有3到6种状态效果：点击时状态；鼠标放在上面但未点击的状态；点击前鼠标未放在上面时的状态；点击后鼠标未放在上面时的状态；不能点击时状态；独立自动变化的状态。按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。
(4)软件面板设计
软件面板设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。
(5)菜单设计
菜单设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。
(6)标签设计
标签设计应该注意转角部分的变化，状态可参考按钮。
(7)图标设计
图标设计色彩不宜超过64色，大小为16x16、32x32两种，图标设计是方寸艺术，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出软件的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。
(8)滚动条及状态栏设计
滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标等，有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。
(9)安装过程设计
安装过程设计主要是将软件安装的过程进行美化，包括对软件功能进行图示化。
(10)包装及商品化
最后软件产品的包装应该考虑保护好软件产品，功能的宣传融合于美观中，可以印刷部分产品介绍，产品界面设计。
图标设计规范
数位设计引入了一种新的图标设计样式。以下是设计和创建样式图标的具体规范。
图标样式应该有趣、色彩丰富且充满活力，因为现在的系统支持图标是32位图标，并且边缘非常平滑。在矢量程序中绘制完每个图标后，再用Adobe Photoshop进行处理可使图像更加完美。本规范是专为设计者编写的。在创建图像时，建议您与高水平的图形设计者一起工作，尤其是具有丰富的矢量和 3D软件经验的图形设计者。
图标设计概述的目的是让您熟悉WindowsXP的新样式，为创建图标做好准备。
图标样式特性
(1) 色彩丰富，是对WindowsXP外观的补充。
(2) 不同的角度和透视特性为图像增添了动态活力。
(3) 元素的边角十分柔和，并略微有些圆滑。
(4) 光源位于图标的左上角，同时有环绕光照亮图标的其它部分。
(5) 渐变效果使图标具有立体感，进而使图标的外观更加丰满。
(6) 投影使图标更具对比度和立体感。
(7) 添加轮廓可使图像更清晰。
(8) 日常对象(如计算机和设备)具有更现代化的个人外观。
图标尺寸
Windows XP图标有四种尺寸，建议使用以下四种尺寸：
(1) 48x48像素
(2) 32x32像素
(3) 24x24像素
(4) 16x16像素
图标色彩深度支持
WindowsXP支持32位图标。32位图标为24位图像加上8位alpha通道。使图标边缘非常平滑，且与背景相融合。
每个WindowsXP图标应包含以下三种色彩深度，以支持不同的显示器显示设置：
24位图像加上8位alpha通道(32位)
8位图像(256色)，加上1位透明色
4位图像(16色)，加上1位透明色
调色板
图标中使用的主要颜色。
对象的角度和分组
WindowsXP样式图标使用的透视网格：并非所有对象使用16?6的复杂图像都能获得较好效果。某些对象通常以直观图像显示：文档图标、符号图标(如警告或信息图标)、单一对象图标(如放大镜)
除非创建重叠辅助对象可以更清楚地表达图标的含义，否则就可读性和完整性而言，还是应使用直观图像。还应考虑如何按组查看图标，以便确定如何将对象分组。
投影
使用投影后，WindowsXP图标将更清晰且更具立体感。可在Photoshop中实现这种效果，本指南的后面部分将对此进行描述。若要为图像添加投影，请在 Photoshop中双击图像的图层，并选择Drop Shadow。然后将Angle更改为135，Distance更改为 2，Size更改为2。此时投影为75%不透明黑色。
轮廓
绘制XP样式图标时，为图像添加轮廓可使之更清晰，并可保证图像在不同背景色上都具有较好效果。
概念
设计图标时，请考虑以下因素：
使用已有概念以确保真实表达了用户的想法。考虑图标在用户界面环境中以何种形式出现，以及如何作为图标集的一部分使用。考虑图形的
文化背景。避免在图标中使用字母、单词、手或脸。必须用图标表示人或用户时，请尽可能使其大众化。如果图标中的图像由多个对象组成，应考虑如何使图像尺寸更小。建议在图标中使用的对象不超过三个。对于 16?6的尺寸大小，还可考虑删除某些对象或简化图像使之更容易辨认。
透明工具
将Gif Movie Gear(GMG)打开一个对话框，其中显示您的图标。使用吸管工具单击图标的背景色。此颜色将更改为暗黄绿色(或在 GMG中选作
透明背景色的颜色)。重复所有4位和8位帧。若要保存图标，请选择 File-Save Icon As...。
创建工具栏
Windows工具栏图标除不使用投影之外，使用的样式与其它图标相同。由于工具栏图标非常小，建议您使用简单的图像。如果以直观方式显示
图像即可清晰地表达图标的含义，则不必使用其它复杂方式。
创建AVI
WindowsXP使用8位AVI。创建.avi文件的过程与创建图标的过程相同-在Photoshop中准备图像，然后将其拖动到GMG 中。请按以下指导创建8位图标。若要使用GMG保存AVI，请转至File-Export As-AVI file。创建.avi文件时，请考虑以下因素：使用品红(R255 G0 B255)作为背景透明色。在Photoshop中，重要的一点是不要出现杂散像素。请将填充能力设置为0，并确认未选中取消锯齿。
软件人机界面
UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得
有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
美丽的事物常常会让人无法抗拒。这就是为什么产品出色的外观设计对于电脑、汽车、日用品、家具、食品、服装等等几乎所有商品的销售与推广，都有着举足轻重的作用的原因。
同样的道理，对于软件公司来说，软件产品就是他们的商品，而软件界面就是他们产品的外观，界面的美观与否，直接关系到了软件产品的营销成败。
我们可以清楚地看到，微软公司对软件界面设计的重视。请回想一下您在第一次见到win2000时的情景，与nt4.0相比是否惊叹他界面的美观性与易用性？而您如果使用过xp系统，则会被其令人神奇的感官概念而震惊折服！金山公司的金山词霸就是国内软件成功的例子了，从金山词霸3.0到金山词霸2001 的变化堪称经典。著名的网页动画制作软件flash从3.0到4.0，仅仅修改了图标和窗体，立即大为增色…
现今世界上成功的软件公司都非常重视软件界面的美化设计工作，因为他们深刻地知道，在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。我们可以相象一下，您在挑选手机的时候，如果有两款手机，性能相同，而第一款比第二款要美观很多，那么您将选择哪一款呢？当然是美观的那一款了。试想，您的客户，也会拿您和您竞争对手的软件做这样的比较的。
现在的软件企业都知道，广告和市场推销活动对市场营销的作用是多么的重要，并不遗余力地打广告、做活动、做推广。但我们知道，这些活动的最终目的，是为了让用户购买并使用软件产品，而用户最终使用的也是您的产品，那么为什么不在软件界面的美观性上多下些工夫呢？在诸如家用电器、汽车、电脑等成熟的市场中，用非常精美的广告去推广一种功能强大却丑陋无比的产品，是一种笑话。然而，这样的笑话在软件行业里却屡见不鲜。这也是像中国足球一样，中国软件业与国外相比较存在的一个很大的差距。
实践证明，各商家只要在产品美观设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。
在用户把软件买回去后，他们和您企业的联系，或者说您企业形象在客户眼中的表现，很大一部分是通过您软件的界面来传达的，那么美观友好的用户界面对于宣传您的企业文化，对于给客户灌输您的企业理念，对于您企业的宣传运做都将是非常有益的。尤其如果您的公司做的是项目承包形式的业务，那么无论是在竞标的时候，还是在项目交付使用以后，美观的界面都会给您的客户以信心和良好的印象。
要成为一款有竞争力的软件，不光要有强大的功能，也需要有一个友好的界面设计。纵观当今的it行业，其软件界面设计的发展趋势大体上有如下几种技术：
1. 命令语言用户界面的发展。
根据其语言的特点，及人机交互的形式的分为
a. 形式语言
b. 自然语言。
c. 类自然语言。
2. 图形用户界面的广泛应用
图形用户界面和人机交互过程极大地依赖视觉和手动控制的参与，因此具有强烈的直接操作特点
3. 直接操纵用户界面技术的成熟。
用户最终关心的是他欲控制和操作的对象，他只关心任务语义，而不用过多为计算机语义和句法而分心。对于大量物理的、几何空间的以及形象的任务，直接操纵已表现出巨大的优越性。
4. 多媒体用户界面及多通道用户界面的发展大大丰富了计算机信息的表现形式。
5. 虚拟现实技术的应用
虚拟现实系统向用户提供身临其境(immerse)和多感觉通道(multi-sensory)体验，作为一种新型人机交互形式，虚拟现实技术比以前任何人机交互形式都有希望彻底实现和谐的、以“人为中心”的人机界面。
android 怎么使用ui库
安装成功后,根据Android官网给出的教程,首先第一步是在build.gradle中添加依赖:
dependencies {
androidTestCompile 'com.android.support.test:runner:0.2'
androidTestCompile 'com.android.support.test:rules:0.2'
androidTestCompile 'com.android.support.test.uiautomator:uiautomator-v18:2.1.0'
}12345
然后添加
defaultConfig {
testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
}123
添加完依赖后Sync Project with Gradle Files,但是同步后我发现上面相关的库文件并没有被添加进来.对比很多资料后,我很确信不是我在写法的问题.就是这个问题折腾了我好几天的!
最后的解决办法是先把androidTestCompile换成compile,同步一下,此时会发现库文件已经被添加进来了.
最后再将compile换回androidTestCompile,解决~
突然就觉得自己被坑了,也不知道这算不算是AS的一个BUG…
如果同步之后发现诸如此类的错误:
Warning:Conflict with dependency 'com.android.support:support-annotations'. Resolved versions for app (22.1.1) and test app (22.0.0) differ.1
先在项目的根目录用./gradlew -q app:dependencies查看项目依赖关系(Windows用户请使用gradlew.bat -q app:dependencies), 然后修改build.gradle,否则在后面运行测试时可能会报依赖关系的错误.
可能需要为gradlew加上可执行权限.
说明:我这里会报这个警告是因为新建项目的时候AS帮我自动添加了compile 'com.android.support:appcompat-v7:22.1.1'依赖,将22.1.1改为22.0.0即可.
然后还要在build.gradle中添加:
packagingOptions {
exclude 'LICENSE.txt'
}123
不添加的话运行时候还是会报错的.
最后,确保此时有android设备在运行(虚拟器或手机都可以,要求是系统版本要18或18以上),然后在项目的根目录下输入命令:
./gradlew cC1
如无意外的话,应该可以看到BUILD SUCCESS了!
如果不想用命令行的话,也可以Edit Configurations,然后点击+ – Android Test,然后选择对应的Module,然后在下面的Specific Instrumentation Runner选择
android.support.test.runner.AndroidJUnitRunner
选择OK,然后点击启动按钮.如无意外的话,应该可以看到一条绿色的进度条了!
关于另外一个自动化测试框架Espresso,导入方法和uiautomator一样,不同的只是依赖而已.
dependencies {
androidTestCompile 'com.android.support.test:runner:0.2'
androidTestCompile 'com.android.support.test:rules:0.2'
androidTestCompile 'com.android.support.test.espresso:espresso-core:2.1'
}
在 Android 引用的ui框架QMUI中Dialog.MessageDialogBuilder
原生的dialog调动setCanceledOnTouchOutside(false);来控制窗体以外的部分touch后不会消失，你可以找一下类似的
Android主页面UI框架（一）
? ? 随着APP的普及，各式各样的APP主页面的框架，也各不相同。一般如仿qq主页面的框架、酷狗音乐、或者是微信等用户量非常大的APP的主框架页面是主流的，本篇文章是个人在开发中经常用的一些主页面框架。
1、本篇主要是Activity与Fragment之间的相互切换如下：
32个实用酷炫的Android开源UI框架
1.Side-Menu.Android
分类侧滑菜单 ， Yalantis 出品。
项目地址：
2.Context-Menu.Android
可以方便快速集成漂亮带有动画效果的上下文菜单， Yalantis 出品。
项目地址：
3.Pull-to-Refresh.Rentals-Android
提供一个简单可以自定义的 下拉刷新 实现，Yalantis 出品。
项目地址：
4.Titanic
可以显示水位上升下降的TextView
项目地址：
5.AndroidSwipeLayout
滑动Layout ，支持单个View，ListView，GridView
项目地址：
Demo地址： Download Demo
6.Android Typeface Helper
可以帮你轻松实现自定义字体的库
项目地址：
7.android-lockpattern
Android的图案密码解锁
项目地址：
Demo地址：
文档介绍：
APP示例：Android开机的图案密码解锁，支付宝的密码解锁
8.ToggleButton
状态切换的 Button，类似 iOS，用 View 实现
项目地址：
9.WilliamChart
绘制图表的库，支持LineChartView、BarChartView和StackBarChartView三中图表类型，并且支持 Android 2.2及以上的系统。
项目地址：
Demo地址：
Demo项目：
10.实现滑动ViewPager渐变背景色
项目地址：
11.Euclid
用户简历界面， Yalantis 出品。
项目地址：
12. InstaMaterial
Instagram的一组Material 风格的概念设计
项目地址：
13. SpringIndicator
使用bezier实现粘连效果的页面指示
项目地址：
14. BezierDemo
仿qq消息气泡拖拽 消失的效果。
项目地址：
15. FoldableLayout
折叠的信纸被打开一样的动画效果
项目地址：
16.Taurus
下拉刷新，Yalantis 出品。（是不是有点似曾相识呢？）
项目地址：
17. PersistentSearch
在点击搜索的时候控件在原有位置显示输入框。
项目地址：
18. circular-progress-button
带进度显示的Button
项目地址：
19. discrollview
当上下滚动的时候子元素会呈现不同动画效果的scrollView，网页上称之为：视差滚动
项目地址：
20. sweet-alert-dialog
一个带动画效果的 自定义对话框样式
项目地址：
21. android-floating-action-button
Material Desig风格的 浮动操作按钮
项目地址：
22. android-collapse-calendar-view
可以在月视图与周视图之间切换的calendar控件
项目地址：
22. android-collapse-calendar-view
可以在月视图与周视图之间切换的calendar控件
项目地址：
23. NumberProgressBar
个简约性感的数字进度条
项目地址：
24. CircularProgressView
CircularProgressView 是通过自定义view的方式实现的Material风格的加载提示控件，兼容任何版本。
项目地址：
25. OriSim3D-Android
opengl 实现了各种折纸效果，模拟了从一张纸折叠成一条船的整个过程
项目地址：
26、万能日历控件:CalendarView
GitHub:
中文使用文档:
27、大图查看器： BigImage ImageView ViewPager
Github:
地址：
支持超长图、超大图的图片浏览器，优化内存，支持手势放大、下拉关闭、查看原图、加载百分比、保存图片等功能。现已支持androidx。
28、安卓工具包androidUntilCode(安卓必备)
Github:
29、万能适配器-BRAVH
官网:
GitHub:
RecyclerView
作为Android最常用的控件之一，是否常常为“她”操碎了心
BRVAH受益群体是所有Android开发者，希望更多开发者能够一起来把这个项目做得更好帮助更多人
30、智能刷新控件--SmartRefreshLayout
GitHub:
中文:
SmartRefreshLayout以打造一个强大，稳定，成熟的下拉刷新框架为目标，并集成各种的炫酷、多样、实用、美观的Header和Footer。 正如名字所说，SmartRefreshLayout是一个“聪明”或者“智能”的下拉刷新布局，由于它的“智能”，它不只是支持所有的View，还支持多层嵌套的视图结构。 它继承自ViewGroup 而不是FrameLayout或LinearLayout，提高了性能。 也吸取了现在流行的各种刷新布局的优点，包括谷歌官方的 SwipeRefreshLayout ， 其他第三方的 Ultra-Pull-To-Refresh 、 TwinklingRefreshLayout 。 还集成了各种炫酷的 Header 和 Footer。
31、内存泄漏检测工具--leakcanary
使用方式:
LeakCanary是Square公司基于MAT开源的一个工具，用来检测Android App中的内存泄露问题。官方地址：
32、 1218683832 / AndroidSlidingUpPanel
SlidingUpPanelLayout：可以上下滑动的菜单布
android app开发中常用到哪些开源框架
1.Framework 7
来自iDangero.us —自版本1.0在一年前发布以来，Framework就一直是开发iOS应用程序的最佳选择之一。由于它提供对安卓的支持，如果你先从iOS入手，但随后构建具有类似iOS外观感觉的安卓版本，它也是个不错的选择。功能特性包括：Material Design用户界面、原生滚动、1:1页面动画、自定义DOM库以及XHR缓存和预装入。
3.jQuery Mobile
来自jQuery基金会— 这种成熟的轻量级框架基于jQuery，缺少本文中介绍的大多数程序包具有的许多高级功能，不过它仍拥有一群庞大的忠实用户。虽然它提供了语义标记、渐进式改进、主题化设计和PhoneGap/Cordova支持之类的功能，但是在类似原生系统的功能和性能或者高级用户界面方面乏善可陈。另一方面，它又很简单，这意味着“编写一次，到处运行”是常常可以实现的目标;对于还需要在Windows Phone和黑莓上运行的简单应用程序而言，它也是个不错的选择。
2.Ionic
来自Ionic — 这种流行的跨平台框架基于Sass CSS扩展语言，使用起来相当容易，不过它还能集成用于构建更高级应用程序的AngularJS。Ionic提供了一个丰富的库，包括针对移动设备优化的HTML、CSS和JS CSS组件、手势及工具，可与预定义的组件协同工作。命令行接口提供了仿真器、实时重装和日志等功能。还有一个基于Cordova的应用程序包装器。
4.Kendo UI
来自Telerik — 这种基于jQuery的HTML5/Java框架既有开源版，又有商业版。对企业用户友好的Kendo UI提供了种类丰富的用户界面窗口组件和插件。它最广为人知的地方就是拥有无数具有Material Design风格的预构建主题，另外还有一个主题构建器，可用于构建自定义主题。其他功能特性包括：Angular和Bootstrap UI集成以及性能优化。
6.Native
来自Telerik —顾名思义，Native专注于原生用户体验开发，但是它提供了跨安卓和iOS的跨平台代码共享支持。该软件使用现有的原生用户界面库，用户界面由Java、XML或视情况而定的Angular来描述。然而，使用起来，它不如Telerik更传统的跨平台Kendo UI框架来得容易。
5.Mobile Angular UI
来自Maurizio Casimirri —这个开源项目将AngularJS和经过修改的推特Bootstrap合并到了一个移动用户界面框架。据说它保留了Bootstrap 3的大部分语法，因而更容易实现从Web应用程序向移动应用程序的移植，同时增添了Bootstrap缺失的许多组件，比如切开关、覆盖、侧边栏、可滚动区域以及固定位置的导航条。库包括fastclick.js和overthrow.js。
7.Onsen UI
来自Asial Corp. — Onsen基于HTML和CSS而建，旨在与并非预先集成的PhoneGap和Cordova协同运行。它还可以与Angular和jQuery协同运行。顾名思义，该程序强调用户界面开发，并提供了一系列广泛的基于Web的用户界面组件和特性，比如表格的双列视图。(然而，仍然缺少Material Design。)这个文档完备的程序针对这样的jQuery Mobile用户：既需要易于使用，又想要更多的功能、更高的性能和更丰富的用户界面特性。总部位于东京的Asial正在开发一种拖放式GUI工具，该公司还开发和维护Monaca。
9.Sencha Touch
来自Sencha — Sencha的成熟的、面向企业的HTML5/Java框架既有开源版，又有商业版。Sencha建立于ExtJS的基础上，能够获得类似原生的性能。它为HTML5提供了可视化应用程序构建器，另外还提供了重复使用自定义组件的功能。原生包装器简化了分发到Google Play等应用程序商店的工作。
8.React Native
来自Facebook — React Native是一种开源框架，从Facebook的React Java框架派生而来，众所周知，Java框架取代了早些时候的HTML5基础。顾名思义，这个面向iOS的高端程序与其说是一种跨平台框架，还不如说是原生程序包装器，但是由于新增了对安卓的支持，它很适合我们的要求，因为你实际上只要用Java编写一次代码，就能移植到这两个平台。目前，只有OS X桌面得到全面支持，不过也有试验性的Linux和Windows版本面向安卓开发。
10.Titanium
来自Appcelerator —不像那些比较偏向Web的框架，Titanium使用Java来构建原生代码，声称有望提升性能。这种基于Node.js的软件开发工具包(SDK)为iOS、安卓、Windows、黑莓和HTML5提供了5000多个API。Titanium更广为人知的地方是性能和丰富的功能特性，而不是易用性。软件是开源，不过只要你不发布你的应用程序，功能齐全的免费版可以免费享用，眼下你每月至少得支付39美元。