正文
android风格,android风格floatwin
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
如何设计自己的android应用主题风格
•android:theme="@android:style/Theme.Dialog" 将一个Activity显示为能话框模式
•android:theme="@android:style/Theme.NoTitleBar" 不显示应用程序标题栏
•android:theme="@android:style/Theme.NoTitleBar.Fullscreen" 不显示应用程序标题栏,并全屏
•android:theme="Theme.Light" 背景为白色
•android:theme="Theme.Light.NoTitleBar" 白色背景并无标题栏
•android:theme="Theme.Light.NoTitleBar.Fullscreen" 白色背景,无标题栏,全屏
•android:theme="Theme.Black" 背景黑色
•android:theme="Theme.Black.NoTitleBar" 黑色背景并无标题栏
•android:theme="Theme.Black.NoTitleBar.Fullscreen" 黑色背景,无标题栏,全屏
•android:theme="Theme.Wallpaper" 用系统桌面为应用程序背景
•android:theme="Theme.Wallpaper.NoTitleBar" 用系统桌面为应用程序背景,且无标题栏
•android:theme="Theme.Wallpaper.NoTitleBar.Fullscreen" 用系统桌面为应用程序背景,无标题栏,全屏
•android:theme="Translucent" 半透明
•android:theme="Theme.Translucent.NoTitleBar" 半透明、无标题栏
•android:theme="Theme.Translucent.NoTitleBar.Fullscreen" 半透明、无标题栏、全屏
•android:theme="Theme.Panel"
•android:theme="Theme.Light.Panel"
android怎么修改系统dialog风格?
1、编写一个文本样式。
DIALOG的标题是一个textview,在sytles.xml中,添加如下代码来设置你自己的文本样式:
?
style name="DialogWindowTitle"
item name="android:textSize"22sp/item
item name="android:textColor"@color/font_dark_grey/item
/style
2、设置对话框的标题主题。
上面的标题文本并不能直接设置为对话框的标题样式。 我们还需要编写一个表示标题的主题的style,在这里指定标题的文本样式。代码如下:
?
style name="DialogWindowTitle.DeviceDefault"
item name="android:maxLines"1/item
item name="android:scrollHorizontally"true/item
item name="android:textAppearance"@style/DialogWindowTitle/item
/style
3、设置对话框主题。
接下来,我们编写我们的对话框主题,在这里指定标题的主题。由于一些属性并不是public的,所以我们需要继承自原来的某个style,代码如下:
?
!--Dialog主题--
style name="Theme.DeviceDefault.Dialog" parent="@android:style/Theme.DeviceDefault.Light.Dialog"
item name="android:windowTitleStyle"@style/DialogWindowTitle.DeviceDefault/item
/style
4、自定义App的主题。
接下来,我们需要在我们的App theme中指定我们的对话框使用这种主题,所以需要定义一个App theme。同样由于App theme的许多属性并不是public的(比如下面要提到的标题下面的那条蓝线),所以我们要继承自一个原生的style。这里我根据程序需要选择了Theme.Holo.Light.NoActionBar,代码如下:
?
style name="ParkingTheme" parent="@android:style/Theme.Holo.Light.NoActionBar"
item name="android:dialogTheme"@style/Theme.DeviceDefault.Dialog/item
/style
5、指定App主题。
最后一步,我们需要在AndroidManifest.xml文件中,指定我们的app主题。这步很简单,只需要在application标签中指定android:theme的值即可,如下:
?
android:theme="@style/ParkingTheme"
不过这只是指定了Dialog的主题。如果是通过AlertDialog创建出来的对话框,主题还是原来的。所以我们还需要以下步骤。
7、编写AlertDialog主题。
我们无法直接继承系统主题里的AlertDialog的style。如把parent指定为Theme.DeviceDefault.Dialog.Alert,Theme.Holo.Dialog.Alert,Theme.DeviceDefault.Light.Dialog.Alert或Theme.Holo.Light.Dialog.Alert,都会导致编译不过。所以我们需要继承自Dialog的style。在这里我以Theme.Holo.Light.Dialog为例,代码如下:
!--AlderDialog主题--
style name="Theme.DeviceDefault.Dialog.Alert" parent="@android:style/Theme.Holo.Light.Dialog"
item name="android:windowBackground"@android:color/transparent/item
item name="android:windowTitleStyle"@style/DialogWindowTitle.DeviceDefault/item
item name="android:windowContentOverlay"@null/item
item name="android:windowMinWidthMajor"@android:dimen/dialog_min_width_major/item
item name="android:windowMinWidthMinor"@android:dimen/dialog_min_width_minor/item
/style
在这里我参考了原生的alertDialog的style,设定了窗口背景为透明,以及windowContentOverlay为null这两个重要属性,否则你会看到在AlertDialog下面还有一层对话框的背景,或者是对话框的背景遮住了所有内容这样的问题存在。
8、指定AlertDialog的主题。
我们需要在第4步所说的自定义的AppTheme中,添加一行代码来指定要使用的AlertDialog的style,代码如下:
?
item name="android:alertDialogTheme"@style/Theme.DeviceDefault.Dialog.Alert/item
9、修改标题下面的蓝色线。
如果你修改了对话框的主题颜色,那么标题下面的蓝色的线肯定会让你很郁闷。如果对话框较少,你可以选择隐藏标题,然后自定义一个包含了标题的View来设置为对话框的内容。但是如果你的对话框有许多种,而且本来都是可以调用原来的API就来生成的话,要去定义这么多个带标题的view,这样做下来心里肯定是很纠结的。
标题下面的蓝色的线,并不是在Dialog或AlertDialog中设置或通过它们的style中定义的。它是定义在各种风格的dialog的layout当中,然后再在AppTheme里面指定dialog的对应属性。遗憾的是,目前我看到这几个相关属性还不是public的,不能自己设置,所以只有通过Java代码来实现了。
表示这条蓝色的线的叫做titleDivider,我们可以通过getResources()的API来获取它的IP,然后设置颜色。代码如下:
?
public static final void dialogTitleLineColor(Dialog dialog, int color) {
Context context = dialog.getContext();
int divierId = context.getResources().getIdentifier("android:id/titleDivider", null, null);
View divider = dialog.findViewById(divierId);
divider.setBackgroundColor(color);
android UI 属于什么风格
Android前期的界面是抄袭苹果的,比如图标的设计和网格布局,乔布斯曾经为此非常恼火。从Android4.0之后,谷歌开始借鉴Windows Phone的Metro风格,界面开始平面化,简洁化,同时改进了Metro在设计上的一些不足,所以,可以说Android UI的风格是没有风格,也可以说是所有风格的集大成者。
如何将android应用设置成material风格
android提供了三种Material Design风格Theme。
分别是:
@android:style/Theme.Material (dark version)
@android:style/Theme.Material.Light (light version)
@android:style/Theme.Material.Light.DarkActionBar
Light material theme
Light material theme
Dark material theme
Dark material theme
我们可以以这三个Theme来定义我们的Theme,比如:
我们可以修改每个位置的字或者背景的颜色,每个位置的名字如下图所示:
Customizing the material theme
我就简单的介绍一下,更具体的自己探索吧。
较低版本使用Material Design风格
要在较低版本上面使用Material Design风格,则需要使用最新的support library(version 21),可以直接把项目引入工程,或者使用gradle构建,增加compile dependency:
dependencies {
compile 'com.android.support:appcompat-v7:+'
compile 'com.android.support:cardview-v7:+'
compile 'com.android.support:recyclerview-v7:+'
如何修改Android App的样式风格
android中可以自定义主题和风格。风格,也就是style,我们可以将一些统一的属性拿出来,比方说,长,宽,字体大小,字体颜色等等。可以在res/values目录下新建一个styles.xml的文件,在这个文件里面有resource根节点,在根节点里面添加item项,item项的名字就是属性的名字,item项的值就是属性的值,如下所示:
说完了style,下面就说说Theme,Theme跟style差不多,但是Theme是应用在Application或者Activity里面的,而Style是应用在某一个View里面的,还是有区别的,好了,废话不多说,还是看代码吧。下面的是style文件:
说完了style,下面就说说Theme,Theme跟style差不多,但是Theme是应用在Application或者Activity里面的,而Style是应用在某一个View里面的,还是有区别的,好了,废话不多说,还是看代码吧。下面的是style文件:
package com.test.shang;
import android.app.Activity;
import android.os.Bundle;
public class TestStyle extends Activity {
@Override
protected void onCreate (Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setTheme(R.style.CustomTheme);
setContentView(R.layout.test_style);
}
}
Android与iOS:应用程序用户界面设计的差异和比较
移动领域的两大风向标--Android和iOS,也是移动应用设计时最大的两个竞争对手。Android与iOS在市场份额、受欢迎程度、使用人口统计方面数据不相上下,在这里,我们对比了Android和iOS之间的简单设计差异,这将帮助我们弄清一个与另一个有何不同。
由于碎片化的原因,安卓系统的应用设计会有细微的差异。
我们先来了解一下Android与iOS UI应用设计在扁平化设计和材质设计方面的对比。
人机界面指南主要基于三个原则。清晰、尊重和深度。简单来说,该方法支持极简主义,使用简洁的元素,注重排版和扁平化色彩。
简而言之,Android Material Design被认为是Flat设计的升级版,带有拟态性(一种流行的设计概念,即让所代表的物品与现实世界中的对应物相似)。
用Google设计副总裁 MatíasDuarte 的话来说,它是–
有了这些基础知识,让我们从7个方面研究两个平台之间的差异。
目录
1. 导航
2. 按钮
3. 图标和屏幕分辨率
4. 字体
5. 控件
6. 卡片
7. 警报
对于iOS应用程序,总是在“后退”按钮旁边提示上一个选项卡的名称。在中间,显示当前选项卡的名称,而在右上角则显示“编辑”或“完成”(控制按钮)。
说到Android的设计规则,应用程序通常在抽屉菜单或后退按钮(可选)之后的左上角显示标题。移至右上方,总是有一个操作项,例如搜索图标(也可以是多个,例如“收藏夹”图标),其后是溢出菜单。
在iOS中,主导航始终显示在底部,功能菜单专门用于存储一次性功能。而在Android中,通常会在功能菜单中看到主要导航,或者以搜索栏,浮动操作按钮等形式在整个界面中存在。
ios界面指南中,没有类似抽屉导航菜单的标准控件。iOS的全局导航被放置在应用屏幕的底部,一般位于最末位的 "更多"标签下找到二级导航。
Android中,二次导航是一个抽屉,一旦按下功能菜单图标,就会从左到右打开,同时产生一个深色的遮罩层。
有四种方法可以在iOS应用中实现“后退”操作:
在某些情况下,Android应用程序中给出了类似后退的操作,您可以通过该操作进入前一个标签。但是,最常见和最简单的方法是使用导航栏中的后退按钮(Android 10中现在是可选的)。
iOS和Android中的按钮风格最主要的设计区别在于,iOS中的按钮遵循扁平化的设计模式,不带阴影、支持标题大小写。Android遵循Material Design,带阴影且字母大写。
另一个比较重要的按钮是Floating action button(FAB行动呼吁按钮)。例如安卓系统中Gmail的compose按钮,iOS系统中社交媒体应用的新建文章按钮。
两种系统都使用8dp的网格来构建屏幕结构,而最常见的边框是16dp。
在开发移动应用程序时,以预定义的尺寸设计图标是非常关键的。这里有一个表,描述了所有的测量。
这些表格一开始可能会让人有点不知所措,但是如果你知道基本尺寸,并且能够使用倍数进行检查和导出,会发现这并不复杂。
多年来,苹果一直是Helvetica Neue字体的粉丝,然而在2015年,苹果开始使用San Francisco,它更节省空间,非常适合手机、台式机和iOS Watch使用。
Android系统,一直使用Roboto作为标准系统字体。在可预见的未来,谷歌也没有计划改变这一深受喜爱的元素。
控件设计包含搜索、CTA按钮、选择控件和标签等元素。每一个都满足了这样或那样的目的,让我们来看看他们的位置。
搜索功能对于两个平台来说都非常重要,苹果最近还在iMessage中加入了 "搜索栏 "。
在苹果中,搜索选项有两种类型--突出和隐藏。通常情况下,搜索图标会显示在上边的选项卡上,而有时需要从上到下拖动屏幕才能显示搜索栏。此外,如果要取消搜索查询,可以按 "取消",如果要清除,可以用 "X"。
在安卓系统中,没有隐藏的搜索栏,你总能在上层标签中找到一个。如果要取消搜索,只需点击"←"图标即可,如果要清除查询,则和iOS中的一样。
浮动的动作按钮(FAB)在Android中充当主要行动按钮,可以出现在顶部应用栏或一些组件的边缘。而iOS应用中的主要行动按钮总是出现在页面的右上角。
不过也有一些例外,少数iOS会在底部工具栏显示CTA,而Android则在上部工具栏显示。
如果需要显示一些选项,可以在iOS平台上使用选取器控件,选取器一般出现在底部。
对于在Android平台上显示很少的选项,通常使用一个出现在原地的下拉菜单,或者一个出现在中心的模态对话框,使用模态框时应用背景变暗。
据观察,iOS系统并没有一个视觉上类似于 "标签"的控件。它使用的是一个分段的按钮。Android使用了"扁平化设计的tab"来实现同样的效果。
卡片是图片、文字、视频的集合,还包括按钮和评论。
在iOS中,卡片的特点是无阴影、全宽、无圆角。而在安卓系统中,卡片的设计有阴影、沟槽、圆角等功能。
安卓系统的提醒采用的是扁平化的按钮样式,具体尺寸可以在材质设计指南中找到。操作按钮被放置在提醒的右下角。这些 "按钮 "完全以文字为主(全大写),让用户更容易理解。
至于iOS系统的提醒,则是用分割线隔开。它们基本采用句子或标题的形式,在独立的区块中呈现。它们被放置在弹出窗口的中心。
本文涵盖了iOS和Android所有的初步差异,希望对你有所帮助,而设计一个iOS或Android的移动应用,总是有迭代的准则,所以,一定要保持信息的更新,及时调整自己的产品设计。
Q. 为什么iOS和Android上的应用看起来不一样?
品牌和意识形态的不同,已经波及到他们的操作系统的运作方式。两个平台的UI设计已经成为品牌的符号化。
Q. 如何设计一个原生应用?
在设计原生应用时,必须始终遵守iOS UI应用设计指南和Material设计指南。这样才能使应用与它所要针对的平台同步。另外,这些平台有不同的要求,所以你的应用必须满足它们才能在应用商店上发布。
Q. iOS比Android更方便用户使用吗?
这个问题的答案是纯主观的。它是基于用户的个人偏好。有些人可能会觉得iOS更实用,而有些人则在各方面都偏爱Android。