android应用开发-从设计到实现 3-4 静态原型的状态栏
静态原型的状态栏
状态栏Symbol
状态栏似乎非常复杂,有wifi信号、手机信号、时间、电量等信息,幸好Sketch
原生就自带的现成组件,你能够直接拿过来就用了。当然。你也能够自己一个一个去画,只是既然有了现成的轮子,又何必反复劳动呢。
菜单条
中选择File -> New From Template
,在弹出的菜单中选择Material Design
。此时会创建一个新的project文件。
与之前空的project文件不同的是,这里面已经有了两个现成的page
,里面的内容就是Material Design
会使用到的各种现成的组件。
选择Material Design Symbol -> Material/Android/Status bar 360dp black
,这就是一个现成的可用的状态栏。这种组件叫做symbol
。它是有多个图形组合后形成的一个通用符号。Symbol
能够被不同的page
、项目共享使用。
以后仅仅要看到这个图案,就知道这是一个symbol
了,
我们也能够创建自己的symbol
。只是这个地方还不会用到。
随着设计开发的深入,在这个章节的后半部分。我们会进行具体的介绍。
使用状态栏Symbol
使用鼠标右键 + Copy
(或者cmd + c)之后,将它粘贴(鼠标右键 + Paste Over
或者cmd + v)到我们之前的weather page
之中。
假设状态栏粘贴之后。并没有对齐画板的边缘。手动将它移动,对齐就能够了。
此时能够看到。
Pages
以下自己主动多出了一个叫做symbols
的页面,它里面放的就是我们刚引进的symbol
。这时的statusbar还是一个独立的部分,并没有隶属于
Mobile Portrait
画板之下。两者还是平级的关系。
调整状态栏Symbol
接下来我们就開始调整statusbar与Mobile Portrait
之间的隶属关系。
- 将状态栏展开。选中里面的内容。
- 将各个组件拖入到
Mobile Portrait
之下。 - 删除没有内容的状态栏symbol。
- 将刚拖入的组件使用
工具栏
上的Group
功能组合起来,并将组合后的组件更名为Statusbar
。
选中状态栏,我们能够看到状态栏的尺寸是:24px*360px,刚好是前面讲过的状态栏应该的高度。
改动背景色
将状态栏的背景颜色改动成之前设定的Primary Color
:#3F51B5,
本文是《从设计到实现-手把手教你做android应用开发》系列文档中的一篇。感谢您的阅读和反馈,对本文有不论什么的意见和建议请留言,我都会尽量一一回复。
假设您认为本文对你有帮助,请推荐给很多其它的朋友。或者增加我们的QQ群348702074和很多其它的小伙伴一起讨论;也希望大家能给我出出主意。让这些文档能讲的更好,能最大化的帮助到希望学习开发的伙伴们。
除了CSDN公布的文章,本系列最新的文章将会首先公布到我的专属博客book.anddle.com。大家能够去那里先睹为快。
同一时候也欢迎您光顾我们在淘宝的网店安豆的杂货铺。店中的积木能够搭配成智能LED灯。相关的配套文档也能够在这里看到。
这些相关硬件都由我们为您把关购买,为大家节省选择的精力与时间。同一时候也感谢大家对我们这些码农的支持。
最后再次感谢各位读者对安豆
的支持,谢谢:)
android应用开发-从设计到实现 3-4 静态原型的状态栏的更多相关文章
- android应用开发-从设计到实现 3-3 Sketch静态原型设计
Sketch静态原型设计 对于静态原型的设计,我们使用Sketch. 启动Sketch后,我们将看到相似例如以下的界面, 工具栏 它的顶部是工具栏, 能够通过菜单条View -> Customi ...
- android应用开发-从设计到实现 3-9 Origami动态原型设计
动态原型设计 动态的可交互原型产品,是产品经理和界面设计师向开发人员阐释自己设计的最高效工具. 开发人员不须要推測设计师要什么样的效果,照着原型产品做就好了. 非常多创业团队也发现了产品人的这个刚需, ...
- Android应用开发以及设计思想深度剖析
Android应用开发以及设计思想深度剖析(1) 21cnbao.blog.51cto.com/109393/956049
- android应用开发-从设计到实现 2-8 组件与经常使用模式
组件与经常使用模式 前面已经比較全面的介绍了Material Design相关的设计哲学.设计原理和方法论. 这一章開始,我们将看看这些原理是怎样在安卓系统其中得到实践的. 一个应用并非全然从什么都没 ...
- 20155219实验四 Android开发基础设计实验报告
20155219实验四 Android开发基础设计实验报告 实验内容 安装Andriod Studio并配置软件 使用Andriod Studio软件实现Hello World!+学号的小程序 实验步 ...
- 20155227 《Java程序设计》实验四 Android开发基础设计实验报告
20155227 <Java程序设计>实验四 Android开发基础设计实验报告 任务一 Android Stuidio的安装测试: 参考<Java和Android开发学习指南(第二 ...
- 20145219 《Java程序设计》实验四 Android开发基础设计实验报告
20145219 <Java程序设计>实验四 Android开发基础设计实验报告 实验内容 安装Andriod Studio并配置软件 使用Andriod Studio软件实现Hello ...
- 【转】Android 底层开发的几点
我干了3年Android sdk开发,觉得到了瓶劲没法更进一步,于是花了一年多点时间,大概摸到点门径.根据前辈的经验,Android底层完全入门需要两年. 先说下我的入门过程:第零步,下载源码,我下的 ...
- 《Android NFC 开发实战详解 》简介+源码+样章+勘误ING
<Android NFC 开发实战详解>简介+源码+样章+勘误ING SkySeraph Mar. 14th 2014 Email:skyseraph00@163.com 更多精彩请直接 ...
随机推荐
- table中超过长度的列,显示省略号
<style type="text/css"> .table-ellipsis { table-layout: fixed; width: 100%; } .table ...
- Swift的函数与函数指针、闭包Closure等相关内容介绍
<span style="font-size:24px;">//函数 //demo1 无參数类型 func testConcat(){ println("測试 ...
- android开发(34) 自定义 listView的分割线( 使用xml drawable画多条线)
我遇到这样一个场景,我需要自定义 listView的分割线,而这个分割线是由两条线组成的,在使用xml drawable时遇到了困难. 注释:画两条线是为了实现 凹陷的效果,在绘图中一条暗线紧跟着一条 ...
- Django添加防跨站请求伪造中间件
第一步: 在全局设置中打开此中间件: MIDDLEWARE_CLASSES = [ ... 'django.middleware.csrf.CsrfViewMiddleware', ... ] ...
- Struts2、Spring、Hibernate 高效开发的最佳实践(转载)
Struts2.Spring.Hibernate 高效开发的最佳实践 Struts2.Spring.Hibernate(SSH)是最常用的 Java EE Web 组件层的开发技术搭配,网络中和许多 ...
- web界面设计
本书描述了6个设计原理,即直截了当.简化交互.足不出户.提供邀请.使用变换.即时反应. 一.直截了当(alan cooper:"在哪里输出,就要允许在哪里输入") 1.1 行内编辑 ...
- e739. 创建一个标签组件
// The text is left-justified and vertically centered JLabel label = new JLabel("Text Label&quo ...
- (转)在SDL工程中让SDL_ttf渲染汉字
有时候在关于SDL的博文中看到一些评论,说SDL对中文的支持不佳,因为当程序涉及中文时总是输出乱码. 照我个人观点,这里面很多都是误解.下面就根据我在windows下使用SDL的情况,说说我的观点. ...
- 每天一个linux命令:Linux 目录结构
对于每一个Linux学习者来说,了解Linux文件系统的目录结构,是学好Linux的至关重要的一步.,深入了解linux文件目录结构的标准和每个目录的详细功能,对于我们用好linux系统至关只要,下面 ...
- java 项目 存入mysql后 变问号 MySql 5.6 (X64) 解压版 1067错误与编码问题的解决方案
[参考]MySQL 5.7.19 忘记密码 重置密码 my.ini示例 服务启动后停止 环境 Java环境JDK1.8 安装好了 mysql-5.6.38-winx64 idea2016(64) ...