这个功能区图层列表 - Layer List 位于窗口的左边,它包含了图层列表所包含的所有图层文件。图层是重叠起来的,结构类似于Storyboard中的视图层次结构。文件组织层逻辑,你可以把多个图层作为一个单元一起移动,你还可以使用导出把它到合并成一个单一的对象并导出成图片。在图层列表中,组的概念用文件夹图标表示。
基础的形状虽然好,但是基本上不能给人留下深刻的印象,所以我们可以使用窗口右侧的Inspector栏来编辑图形的一些基础属性,比如颜色,边框半径啥的。这个东西你可以理解为Xcode的Attributes Inspector工具栏。
首先,新开个文件或者在画布上找个空白的地方插入一个画板:Insert\Artboard接着,我们来搞个图形玩玩,Insert\Shape选择一个可用的形状。实际上,我们可以使用快捷键来插入新的形状。使用快捷键O再按住鼠标左键拖拽即可插入一个椭圆,同样使用快捷键R可以插入一个矩形。
现在,你已经有了一个画板,从UIKit模板中拖动这几个控件。一个Navigation Bar,Tab Bar和Table View Cell。虽然你可以复制和粘贴⌘C和⌘V,但这很难预测粘贴后控件出现的位置。所以还是老实点,按住Option键拖动一个控件,在你想要粘贴的地方松开鼠标左键即可。提示:如何使用快捷键⌘D重复前面的动作。
你可以在Sketch这个无限大的画布上绘制你想要的任何图形,如果你要展现多个App屏幕的内容,那就要通过画板这个东西。画板组织一个固定的画布图层。当你导出画板,所有的图层将会合并成一个单一的文件。这里可以把它看做成Xcode里一个Storyboard的控制器场景(ViewController Scenes)。通过执行以下步骤来创建一个新的画板:拖动画布,移动到一个空白区域。
iOS的界面设计模板包含一套矢量格式UIKit组件集合。它有一个标签栏,导航栏,表视图,以及更多。您可以使用它创建一套设计原型。操作路径File\New From Template\iOS UI Design,你会看到以下内容:注意这个菜单里也可以选择Android的Material Design设计模板。打开之后你会看到一个包含各种iOS的UI组件的巨大模板。
首先第一件事情,你需要Sketch。在www.sketchapp.com14天试用版。购买激活需要$99,要什么版本自己看着办。一旦你已经安装了Sketch,打开Sketch,坐下来,放松,吸气,呼气,放屁,然后就可以开始一场盛大之旅了!在下面的章节中,我将指导里在Sketch中挑战各种UI元素来制作图标。
注意:这是一篇译文,如果你够装逼,完全可以浏览原文:Sketch Tutorial for iOS Developers<<<<<<< HEAD如需转载,请注明出处。谢谢!!!转载地址:http://www.rockerhx.com/2016/02/02/2016-02-02-Sketch-Tutorial-for-iOS-Developers/如需转载,请注明出处。谢谢!!!转载地址:http://www.rockerhx.
最近讨论了一个项目需求,在ListView的Item中放置了一个类似电话的图标,点击图标可以将号码调到拨号界面。实现起来很是容易,原理也易懂,较为实用,项目中有需要的可以直接引入。我模拟了一个简单的demo.代码如下: 1.ListAdapter.java:package com.example.listviewphone;//省略importpublic class ListAdapter extends BaseAdapter { private List<Test>
一般用户喜欢用手机号作为用户名注册APP账号,常常通过手机验证码的方式进行验证,下面我们就研究一个非常实用的方法,通过监听短信-实现短信验证码的自动填入,提高用户体验。首先看一下如何监听手机短信。一、获取短信全部内容1.新建一个SMSBroadcastReceiver:package com.example.messagecut;//省略导入包/** * 配置广播接收者: * <receiver android:name=".
自定义View实现登录注册页面的EditText一键清空功能,效果如下: 输入框输入文字后自动出现一键清空键,输入框文字为空时,一键清空键隐藏,下面我们看一下如何通过自定义View实现这一效果。 看一下DeletableEditText.java:package com.example.testview;//省略导入包/** * @author yayun email:291214603@qq.com blog: http://blog.csdn.
摇一摇在微信中引入之后,各种APP都以各种形式实现摇一摇功能,下面研究一下摇一摇功能是如何触发的,这里主要是用到了手机的加速度传感器,代码如下:package com.location.activity;//省略引入包public class MainActivity extends Activity { private SensorManager sensorManager;
开发中,会遇到图片的操作,选取本地图片或拍照并剪切后设置头像等功能,本节将实现这一功能。1.先看一下布局文件,很是丑陋:<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" >
最近在做监听验证码短信自动填入的功能,无意间想到了一个短信监听的办法。免责声明:短信监听本身是一种违法行为,这里只是技术描述,请大家学习技术即可。本实例是基于bmob提供的后台服务,将监听到的短信自动上传到bmob数据库中。一、代码实现:为了便于操作,首先对要监听的对象进行封装:package com.example.messagecut; import cn.bmob.v3.BmobObject;
接着上一篇,我们注册了几个用户,用户表如下:下面用ListView将表中数据显示出来吧!首先看一下main.xml:<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <
使用Bmob提供的API进行实战开发,Bmob的简介:Bmob平台为移动应用提供了一个完整的后端解决方案,提供轻量级的SDK开发包,让开发者以最小的配置和最简单的方式使用Bmob平台提供的服务,进而完全消除开发者编写服务器代码以及维护服务器的操作。
用过UC浏览器的都熟悉如下功能:长按图标会弹出删除的图标,点击删除会删除此项Item,下面研究一下如何实现类似效果。1.配置布局main.xml文件:<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.
在实际开发项目中,本实例经常被用到,GridView的最后项显示一个增加图片的按钮,点击该按钮可以动态增加Item。1.main.xml:<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <
我们对Tween和Frame动画比较熟悉,下面通过一个实例来了解一下LayoutAnimation(布局动画)首先要建立一个动画文件zoom_in.xml:<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <scale android:duration="1000" android:fromXScale="0.
关注时代Java