APP UI Design ——sketch(三)输入框选择状态
来源:互联网 发布:sql的select语句max 编辑:程序博客网 时间:2024/05/22 03:10
这一节主要讲当处于输入状态的时候,边框,图标和文字会处于高亮状态。
(1)复制一个图层。
(2)给第二个图层的输入框的边框(Borders)添加颜色,此时会看到左右两边的边框都在相同的改变,因为用了symbol,我们需要取消这个效果。点击第二个图层的输入框,然后在右侧改变它的style,输入selected文本。
(3)改变文本框中图片和文字的颜色。
<1>改变图片的状态。选中图片的path,然后将Borders复选框取消,Fill的复选框勾上,改变一下颜色。如果颜色不是很深,那么可能是某一个Path的Opacity值过小,调节到100%就可以了。
<2>改变文字的状态。直接修改文字的Opacity即可。
(4)加入光标。绘制一个矩形的图形,填充颜色为绿色,改变它的宽度为1。
登录按钮设计:
(1)在APP UI Design中找到一个Button拷贝到程序中来。
(2)改变一下按钮的透明度,调整为40%。效果如图。
(3)等待状态的登录界面。加入一个Spinner。最终效果如图所示。
0 0
- APP UI Design ——sketch(三)输入框选择状态
- APP UI Design ——sketch(一)
- APP UI Design ——sketch(二)
- Sketch插件——移动端UI开发利器Orion3
- Q&A——UI输入(三)
- Sketch使用教程(三)
- android-UI design(first app)
- (10.2.3.1)SKETCH设计教室!从零开始学APP设计利器SKETCH(一)
- (10.2.3.2)SKETCH设计教室!从零开始学APP设计利器SKETCH(二)
- ANDROID L——Material Design详解(UI控件)
- ANDROID L——Material Design详解(UI控件)
- ANDROID L——Material Design详解(UI控件)
- ANDROID L——Material Design详解(UI控件)
- ANDROID L——Material Design详解(UI控件)
- ANDROID L——Material Design详解(UI控件)
- ANDROID L——Material Design详解(UI控件)
- InspirARTion - Sketch & Draw!(InspirARTion—素描和画画!)
- UI Design Basic: 0.1 ios app Anatom
- 运行项目时报 Unsupported major.minor version 52.0 解决
- C++写入txt文件方法
- 柴俊理金:5、5晚间宁贵沥青,黄金操作建议及分析
- js 处理表格
- 二叉树简单汇总
- APP UI Design ——sketch(三)输入框选择状态
- ESXI系统升级
- Spring Boot环境搭建
- react-native 之布局篇
- 叉积
- c++ getline
- C++11尝鲜 之share_ptr
- Linux开机自运行 & 登录自运行配置
- centos 6.5中yum安装php5.4