在之前我们新建了一个计算器项目,现在我想要给这个计算器项目制作一个桌面图标,可以使用Sketch,这是一款非常棒的软件。要想详细地学习这个软件请访问“Sketch中国”,里面有很多专业的Demo和教材。

相对于PS这样的软件,Sketch简直就是为移动平台量身定做的。

打开Sketch,然后在右侧选择新建一个DeskTop HD,主页面有点像我们的Xcode,中间是画布,右侧是检查器。

可以使用快捷键A建立画板,你可以把画板当做图层的顶层,在上面自由发挥。然后我们使用U新建一个圆角矩形的底板。底板也可以使用辅助线对齐,或者直接使用快捷键对齐:


尺寸设为800*800,修改这里的Radius为200,现在画板上的图像为:


检查器界面分为几部分,最上面是通用属性,比如位置、尺寸、透明度、圆角等等。


然后是边框和填充属性:



然后选个背景色,这里我们使用渐变色,也就是框中的模式,你也可以选择第一个模式:纯色模式。此外还有径向、环形和图案、杂色,看个人喜好了。


编辑完之后按ESC就可以退出编辑模式。然后复制一个刚才的圆角矩阵,修改尺寸和背景放到底板中间:


现在时这个样子:


然后可以修改这个小号圆角矩形的阴影:


接下来用两条线分割这个小圆角矩阵,使用快捷键L,注意保持横平竖直:


在检查器中把这两条线加粗一下,Thickness。在画布上不好选中的话在左侧的导航栏中选中也是可以的,跟Xcode中的文本大纲是一样的。


修改线条颜色为接近底板的颜色现在的样式如下:


然后快捷键T生成文本,修改文字大小,最后修改颜色,成品如下:



最后来点击右上角的export导出并保存成png就好了,将图标名称保存为icon.png,保存到工程中就会自动添加为图标了。以后自己编了个什么APP自己动手也可以配上一个炫酷的桌面图标了。

Swift语言IOS8开发战记27 Sketch初探的更多相关文章

  1. ios – 从zeplin导出到草图

    Zeplin有一个项目.试图将其导出到Sketch但只能将场景导出为PNG文件.如何将它们导出为’.sketch’,以便我可以使用Sketch中的图层?解决方法您可以从Sketch&中导出设计文件(屏幕).Photoshop到Zeplin,而不是其他方式.从Zeplin,您可以将可导出对象导出为PNG,JPG,PDF,SVG等,甚至可以通过将缩略图拖动到文件夹/桌面来将整个屏幕导出为PNG.

  2. Swift语言IOS8开发战记27 Sketch初探

    在之前我们新建了一个计算器项目,现在我想要给这个计算器项目制作一个桌面图标,可以使用Sketch,这是一款非常棒的软件。要想详细地学习这个软件请访问“Sketch中国”,里面有很多专业的Demo和教材。相对于PS这样的软件,Sketch简直就是为移动平台量身定做的。打开Sketch,然后在右侧选择新建一个DeskTopHD,主页面有点像我们的Xcode,中间是画布,右侧是检查器。在画布上不好选中的话在左侧的导航栏中选中也是可以的,跟Xcode中的文本大纲是一样的。

  3. 如何在R Shiny中创建具有复杂头的数据表?

    我在RShiny有一个datatable,并希望有标题spanmultiplecolumnslikebelow:如何在RShiny中实现这一目标?解决方法Theres已经是例子http://rstudio.github.io/DT/

  4. 你如何用jquery跟随你的鼠标指针?

    我发现拖放困难,并希望提供一个“选择和删除”,用户点击图标,再次点击绘图板,放下相应的元素(图片).你怎么用jquery做的?谢谢.编辑:我有两个div,一个图标板选择元素和一个绘图板,其中的图片被删除.当鼠标进入绘图板时,我想要更大的图像的50%不透明度遵循鼠标指针,以便用户通过点击它将被丢弃的地方知道,如果它与绘图板上的任何东西重叠.解决方法答案是:HTMLJQuery的Jsbin演示here.

随机推荐

  1. Swift UITextField,UITextView,UISegmentedControl,UISwitch

    下面我们通过一个demo来简单的实现下这些控件的功能.首先,我们拖将这几个控件拖到storyboard,并关联上相应的属性和动作.如图:关联上属性和动作后,看看实现的代码:

  2. swift UISlider,UIStepper

    我们用两个label来显示slider和stepper的值.再用张图片来显示改变stepper值的效果.首先,这三个控件需要全局变量声明如下然后,我们对所有的控件做个简单的布局:最后,当slider的值改变时,我们用一个label来显示值的变化,同样,用另一个label来显示stepper值的变化,并改变图片的大小:实现效果如下:

  3. preferredFontForTextStyle字体设置之更改

    即:

  4. Swift没有异常处理,遇到功能性错误怎么办?

    本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请发送邮件至dio@foxmail.com举报,一经查实,本站将立刻删除。

  5. 字典实战和UIKit初探

    ios中数组和字典的应用Applicationschedule类别子项类别名称优先级数据包contactsentertainment接触UIKit学习用Swift调用CocoaTouchimportUIKitletcolors=[]varbackView=UIView(frame:CGRectMake(0.0,0.0,320.0,CGFloat(colors.count*50)))backView

  6. swift语言IOS8开发战记21 Core Data2

    上一话中我们简单地介绍了一些coredata的基本知识,这一话我们通过编程来实现coredata的使用。还记得我们在coredata中定义的那个Model么,上面这段代码会加载这个Model。定义完方法之后,我们对coredata的准备都已经完成了。最后强调一点,coredata并不是数据库,它只是一个框架,协助我们进行数据库操作,它并不关心我们把数据存到哪里。

  7. swift语言IOS8开发战记22 Core Data3

    上一话我们定义了与coredata有关的变量和方法,做足了准备工作,这一话我们来试试能不能成功。首先打开上一话中生成的Info类,在其中引用头文件的地方添加一个@objc,不然后面会报错,我也不知道为什么。

  8. swift实战小程序1天气预报

    在有一定swift基础的情况下,让我们来做一些小程序练练手,今天来试试做一个简单地天气预报。然后在btnpressed方法中依旧增加loadWeather方法.在loadWeather方法中加上信息的显示语句:运行一下看看效果,如图:虽然显示出来了,但是我们的text是可编辑状态的,在storyboard中勾选Editable,再次运行:大功告成,而且现在每次单击按钮,就会重新请求天气情况,大家也来试试吧。

  9. 【iOS学习01】swift ? and !  的学习

    如果不初始化就会报错。

  10. swift语言IOS8开发战记23 Core Data4

    接着我们需要把我们的Rest类变成一个被coredata管理的类,点开Rest类,作如下修改:关键字@NSManaged的作用是与实体中对应的属性通信,BinaryData对应的类型是NSData,CoreData没有布尔属性,只能用0和1来区分。进行如下操作,输入类名:建立好之后因为我们之前写的代码有些地方并不适用于coredata,所以编译器会报错,现在来一一解决。

返回
顶部