首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android样式的开发:shape篇

一个应用,应该保持一套统一的样式,包括Button、EditText、ProgressBar、Toast、Checkbox等各种控件的样式,还包括控件间隔、文字大小和颜色、阴影等等。...web的样式用css来定义,而android的样式主要则是通过shape、selector、layer-list、level-list、style、theme等组合实现。...我将用一系列文章,循序渐进地讲解样式的每个方面该如何实现。第一个要讲的就是shape,最基础的形状定义工具。...一般用shape定义的xml文件存放在drawable目录下,若项目没有该目录则新建一个,而不要将它放到drawable-hdpi等目录中。...oval oval用来画椭圆,而在实际应用中,更多是画正圆,比如消息提示,圆形按钮等,下图是一些例子: ?

1.9K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android样式的开发:selector篇

    不过,shape只能定义单一的形状,而实际应用中,很多地方比如按钮、Tab、ListItem等都是不同状态有不同的展示形状。...而要处理这些不同状态下展示什么的问题,就要用selector来实现了。 selector标签,必须作为xml文件的根节点,可以添加一个或多个item子标签,而相应的状态是在item标签中定义的。...-- 默认时 --> android:color="@android:color/white" /> 最后,则是在控件中的引用: <Button android...="默认按钮" android:textColor="@color/text_btn_selector" /> 那么,在使用过程中,有几点还是需要注意和了解的: selector作为drawable...状态改变时,新状态展示时的淡入时间,以毫秒为单位 android:exitFadeDuration 状态改变时,旧状态消失时的淡出时间,以毫秒为单位 最后,关于ListView的ListItem样式,

    2.2K30

    网易考拉 Android 通知栏适配全方案

    ‘ 增加了chanel 通知栏样式 Android 4.1通知栏最大的变化就是增加了丰富多样的Style样式。...另一方面,大部分厂商对原生的Android系统都会有各种各样的改造,通知栏的样式也不例外。如果按照原生的样式来设计,那么在大部分国内厂商的机子上显示都和正常的普通通知栏消息不一样。...Android系统可以将自定义布局通过setContent(7.X系统推荐使用setCustomContentView)设置到Notification.Builder中,来实现样式的更变。...除了基本的样式发生变化,在7.0中也做了部分接口上的修改。...随着Android版本的逐渐迭代,可以预见Android通知栏消息将会支持越来越多可配的样式,也逐渐地把权限交给用户控制,包括消息的展示以及隐私的设置。

    5.2K11

    这些Android系统样式中的颜色属性你知道吗?

    Android 系统样式中的颜色属性 推荐阅读看完后彻底搞清楚Android中的 Attr 、 Style 、Theme 几个常用的颜色属性 先放上一张经典的图片,图片来自网络。 ?...这张图在网上很是流传,也不知道当初是哪位大神标注的,很好的说明了 Android 系统中的几个常用的颜色属性的作用范围。...APP 的主要文字颜色,比如 actionbar 文本的颜色,比如 Button 中的文本颜色,EditText 中的文本颜色,AlertDialog 中的文本颜色。...editTextColor: 默认 EditView 输入框字体颜色 TextColor TextView 的文字颜色 更多查看这里 样式介绍 从 Android 5.0 开始,Android 系统引入了...这是 ThemOverlay 样式的全部样式了,每个样式里面的内容都很简单。就是修改一些最基本的属性,不像 Theme 一样里面有那么多的内容。

    1.9K10

    Android样式的开发:View Animation篇

    主要的属性如下: android:duration 动画从开始到结束持续的时长,单位为毫秒 android:fromXDelta 起始位置的X坐标的偏移量 android:toXDelta 结束位置的X...,主要的属性如下: android:duration 动画从开始到结束持续的时长,单位为毫秒 android:fromDegrees 旋转开始的角度 android:toDegrees 旋转结束的角度...设为true,则动画只在窗口运行,壁纸背景保持不变 android:fillAfter 设置为true时,动画执行完后,View会停留在动画的最后一帧;默认为false;如果是动画集,需在标签中设置该属性才有效...,需要指定Interpolator资源,后面再详细讲解 PS:标签还有个android:shareInterpolator属性,设置为true时则可将interpolator应用到所有子元素中...自定义的方式有两种,一种是通过继承 Interpolator 父类或其子类;另一种是通过自定义的xml文件,可以更改上表中Interpolator的属性。

    1K20

    【Android 应用开发】 ActionBar 样式详解 -- 样式 主题 简介 Actionbar 的 icon logo 标题 菜单样式修改

    主题资源解析 (1) 主题资源 与 样式资源比较 主题资源 与 样式资源 相同点 : 定义方式基本相同, 都是在 /res/values 目录下的 带 根标签的 xml 中定义...的标题样式, AppBaseTheme 就会继承这个样式; -- AppBaseTheme 位置 : 在 Android 工程中, /res/values/style.xml /res/vaules-v11.../style.xml res/values-v14/style.xml 中都定义了 AppBaseTheme 主题;  -- style 样式优先级 : 定义在 values-vxx 中的样式的优先级会高于...定义在 values 中的样式, 如果有重复定义 优先级高的会覆盖优先级低的; (2) AppBaseTheme 代码分析 定义在 /res/values/style.xml 中的 AppBaseTheme...中定义的 AppBaseTheme 如果在 API-14 的情况下继承的是 android:Theme.Holo.Light.DarkActionBar 主题样式, 该主题定义在 sdk/platforms

    3.2K80

    Android 样式系统 | 常见的主题背景属性

    在前一篇 Android 样式系统文章 中,我们介绍了主题背景与样式的区别,以及如何编写灵活的样式与布局代码用于抽离可变化部分。...这篇文章列举了您应该知道的关于主题背景属性的通用功能,它们广泛应用在 Material、AppCompact,或者是平台 (Platform) 中。...attr/colorPrimarySurface 在浅色主题中的 colorPrimary 与深色主题背景中的 colorSurface 中做切换; ?...TextAppearance Material 定义了缩放类型,它是在整个应用中使用的一组由文本样式组成的离散集合,集合中的每个值都是一个主题背景属性,可以被设置为 textApperance。...attr/borderlessButtonStyle 设置为 Text 样式的按钮; ?attr/materialButtonOutlinedStyle 设置为 Outlined 样式的按钮。

    1.2K30

    Android样式的开发:layer-list篇

    如果去查看android的res源码资源,也会发现,像这种Tab的背景点九图,也根据不同分辨率尺寸提供了不同尺寸的点九图片。... 从上面的示例代码可以看到,layer-list可以作为根节点,也可以作为selector中item的子节点。...layer-list的item可以通过下面四个属性设置偏移量: android:top 顶部的偏移量 android:bottom 底部的偏移量 android:left 左边的偏移量 android:...比如上面的例子,Tab背景中的白色背景设置了android:bottom之后才能看到一点红色背景。那么如果偏移量设为负值会怎么样呢?经过验证,偏移超出的部分会被截掉而看不到,不信可以自己试一下。...的子节点可以为任何类型的drawable类标签,除了上面例子中的shape、color、layer-list,也可以是selector,还有其他没讲过的bitmap、clip、scale、inset、transition

    1.1K10

    css样式中的颜色格式

    颜色对于 css 来说是非常重要的,网站之所以会呈现出五彩斑斓的样式,就是这些颜色样式起的作用。在 css 中,对于颜色样式有很多种表达方式,今天我们就来盘点下 css 中颜色的格式。...名字颜色 在 css 中,默认定义了很多名字颜色,比较常见的比如 yellow,blue,red,pink 等,实际上,css 中一共定义了 140 个颜色名字,这些名字你都可以直接拿来使用。...在 css 中,red,green,blue 被称作三通道,每个通道的值是从 0-255,通过混合这些通道颜色,我们就可以创造出 1600 多万种颜色。...在 HSL 中,我们的色调是在 0deg-360deg 之间,转一圈的大致颜色范围就是红橙黄绿青蓝紫,饱和度是在 0-100%之间,亮度是在 0%-100%之间。...在 HSL 中,饱和度范围从 0%(无饱和)到 100%(完全饱和)。这是可能的,因为我们知道我们正在谈论 sRGB 色彩空间,一个有限的调色板。

    2.3K30

    Android 沉浸式状态栏的多种样式

    沉浸式状态栏大家都很熟悉,即 APP 界面图片延伸到状态栏, 应用本身沉浸于状态栏,即顶部不会默认展示系统的黑条。和尚我技术有限,理解不透彻,仅分享一下自己应用测试中可以呈现的几种样式。 ?...---- 公共的步骤: 布局文件中添加使用 Toolbar 控件(纯色 Toolbar 背景色为颜色,图片 Toolbar 样式设置背景色为图片或添加一个 ImageView 控件),在文件根布局与 Toolbar...中添加 android:fitsSystemWindows="true",这个很重要,可以使背景图片延伸至状态栏,当然在 Java 文件中设置一样的效果; true android:windowActionBar">false Java 代码中处理导航栏变黑和透明的主题版本判断...图片作为布局背景样式 ? 图片被拉伸 图片作为布局背景的方式比较简单,方式与公共的相同,只是不需要 Toolbar 而已。

    1.5K41

    bootstrap分页css样式,修改bootstrap-table中的分页样式

    中的page-link样式,只需要在此基础上,在自己的css文件夹中定义需要的样式即可 //修改bootstrap的page-link默认样式 .page-link { color: #666 !...插件中自带斑马线表格样式,有横线和竖线分栏,现在我们不需要这些....u … 修改LibreOffice Draw中定义的样式名称 目前我使用的是LibreOffice 4.2.4.2.经过以往的测试和使用经验,这是诸多版本中较为稳定和bug相对较少的.今天无意中发现该版本的...LibreOffice Draw存在一个问题:样式名称修 … vue修改富文本中的元素样式 富文本编辑器目前应用很广泛,而有时候我们想要对其中的一些元素的样式进行修改,就会遇到问题....在修改的时候,一般是按标签进 … 修改input标签中的placeholder样式 input::-webkit-input-placeholder { color: #fff !

    6.7K30
    领券