登录注册
京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

欢马劈雪

  • 构造

    在 Andorid 平台上构造一个 OpenGL View 非常简单，主要有两方面的工作：GLSurfaceViewAndroid 平台提供的 OpenGL ES API 主要定义在包android.opengl,javax.microedition.khronos.egl,javax.microedition.khronos.opengles,java.nio 等几个包中，其中类 GLSurfaceView 为这些包中的核心类：起到连接 OpenGL ES与Android 的 View 层次结构之间的桥梁作用。

    欢马劈雪
    构造， android， opengl， es， 简明

  • 概述

    ApiDemos 的 Graphics 示例中含有 OpenGL ES 例子，OpenGL ES 主要用来开发 3D 图形应用的。OpenGL ES (OpenGL for Embedded Systems) 是 OpenGL 三维图形 API 的子集，针对手机、PDA 和游戏主机等嵌入式设备而设计。

    欢马劈雪
    概述， android， opengl， es， 简明

  • Android OpenGL ES 简明开发教程

    OpenGL ES 主要用来开发 3D 图形应用的。OpenGL ES (OpenGL for Embedded Systems) 是 OpenGL 三维图形 API 的子集，针对手机、PDA 和游戏主机等嵌入式设备而设计。本教程可以帮助从未接触过 3D 开发的程序员了解 OpenGL 开发的基本概念和方法。适用人群这是一个写的比较通俗易懂的开发教程，适合 OpenGL ES 初学者。

    欢马劈雪
    android， opengl， es， 简明， 开发

  • 结语

    Sketch的入门使用就介绍到这里，教程中所使用的工程文件可以在这里下载。面对强大的Sketch，我们还有很多需要学习的地方，此后如有问题不能解决可以直接上官方文档。或者多看看这些博客和视频。你要是喜欢我这里有些矢量图标的素材，随便下。最后，非常感谢你们看完这边教程，要是有什么不足或者意见，欢迎大家一起留言讨论。

    欢马劈雪
    结语， ios， 开发者， sketch， 入门教程

  • PDF

    虽然每个图像都可以导出@2x和@3x尺寸的图，但是我们的Xcode早就支持矢量图像，而且还是PDF格式的矢量图形，这就好比带了图像的SVG一样。1.在窗口右下方使用图层输出 - Make Exportable。2.保持1x尺寸。3.选择PDF格式导出。接下来我们把PDF格式的矢量图形添加到Xcode的素材管理分类 - Asset Catalog里。1.在Xcode里打开Images.xcassets。2.

    欢马劈雪
    pdf， ios， 开发者， sketch， 入门教程

  • PNG

    Sketch可以很容易的输出各种尺寸的图片：1.在窗口右下方使用图层输出 - Make Exportable。2.点击加号+增加一个@2x输出。3.再点击加号+增加一个@3x输出。4.最后点击导出Export按钮把三张图片导出。

    欢马劈雪
    png， ios， 开发者， sketch， 入门教程

  • 图像导出

    在Sketch窗口的右下角有导图功能 - Make Exportable。如果需要导出多个图层，有以下两种方法：组 - Group：使用组导出，会把多个图层合并成单一图层导出。画板 - Artboard：画板同组一样，会把多个图层导出成单一图层，图片大小根据画板的画布大小确定。在导出之前请先确定好画板的宽高，这些参数是基于1x的图片大小。

    欢马劈雪
    图像， 导出， ios， 开发者， sketch

  • 制作头像

    在应用中，往往用户头像都圆形边框的。为了达到这种效果，我们将使用蒙版功能，这和相差功能很类似。但是，这不是从内掏空，而是从外延切掉。下面我们来创建一个头像：1.在左侧的图层列表里展开Greg Before画板。2.在画板里画个圆出来，圆要足够大，大到把整张脸都能遮住。3.选择名为greg的图层和刚才创建好的圆形图层。4.确保头像在蒙版的下面。5.

    欢马劈雪
    制作， 头像， ios， 开发者， sketch

  • 填充、轮廓

    这个节点，本教程为你准备了必须的素材文件。打开之后应该长这样：这套包含了单个示例和矢量图标的素材方便你随时查阅，这些素材都是在教程前后使用的。Tab Bar的图标颜色变化是基于选中状态，但是一些图标有太多的空间，所以颜色变化太微妙。在这种情况下，苹果的人机界面指南推荐使用单独填充版本作为selectedImage。RWDevCon应用的样本都有各自的Tab Bar独立版本。

    欢马劈雪
    填充， 轮廓， ios， 开发者， sketch

  • 相差

    相差是两个图形重合在一起，一个被另一个包含，所以大集合除去小集合还会有多余的，多余的就是相差的部分，如果不变理解，可以想象为数学减法，结果就是相减之后的部分。虽然之前的地图标记图标看起来已经可以了，但是我们所谓社会主义的接班人，怎么可以这么轻易就完了呢，不行，还得在标记上戳个洞看起来才爽。那就利用刚才介绍的相差的知识这么干：1.

    欢马劈雪
    相差， ios， 开发者， sketch， 入门教程

  • 融合

    融合 - Union就是就是两个图形加起来，使用之前的药丸和圆弄个云出来耍耍。1.使用矩形创建一个小药丸。2.创建一个圆。3.移动圆，使其和药丸重合。4.选中两个图形，点击融合 - Union按钮使其融合成一个图形。这里是不是很奇怪，两个图形的边框直接就融合到一起了，这就是Sketch的神奇之处。

    欢马劈雪
    融合， ios， 开发者， sketch， 入门教程

  • 图形合并

    想必大家小时候都玩过七巧板，我们除了通过矢量工具，还可以通过使用基本图形的结合来创建独特的形状。在编程中，有运算逻辑AND，OR和XOR，Sketch中也有类似的表达，但是叫法不同，分为融合 - Union，相差 - Subtract，相交 - Intersect，差异 - Difference。

    欢马劈雪
    图形， 合并， ios， 开发者， sketch

  • 自定义图标

    我们来搞个Logo，这里只是用简单的铅笔工具来画线，然后拿矢量工具来描边。接下来我们就搞一个Ray Wenderlich的Logo耍耍。1.这个是Logo的低像素版本。2.把这张Logo扔进Sketch。3.选中图片，在右侧的属性编辑栏把不透明 - Opacity属性改为20%，方便描边。4.使用快捷键Command-Shift-L把图层锁定，防止你不小心拖动了，锁定之后图层名称旁边会有小锁的图标。5.

    欢马劈雪
    自定义， 图标， ios， 开发者， sketch

  • 上手

    接下来我们动手创建一个地图标记的图标：1.先在画布上拉一个圆。2.边框Border设置为15。3.进入编辑状态（顶部工具条的Edit），选择底部的矢量点。4.把操作模式从对称模式 - Mirrored改为直线模式 - Straight。5.把底部的向量点向下拖动。6.拖动边角 - Corners滑块的值到35（这里根据你圆的半径自行更改，效果一样就行）。

    欢马劈雪
    上手， ios， 开发者， sketch， 入门教程

  • 贝塞尔曲线

    其实你并不真的需要知道贝塞尔曲线背后的数学才能使用矢量工具 - 但是我偏不！ ：] 这里我有一个非数学的比喻，可以帮助了解计算机是怎么把这个东西画到屏幕上的。这里原作者使用了不恰当的棒球比赛模型来来举例，里面没有裁判，我也不太了解棒球规则，就不瞎逼逼了，按照我的理解来说。1.绿色boy要直接冲回老家全垒打。2.

    欢马劈雪
    曲线， ios， 开发者， sketch， 入门教程

  • 操作杆

    Sketch使用四个向量点来绘制圆。你可以画一个圆试试，然后单击工具栏中的编辑Edit看到这些向量点。可以你会怀疑，一个长方形也有四个矢量点。 这特么到底是怎么回事？其实两者之间的区别就在于圆使用的是贝塞尔曲线 - Bezier Curves。简单的说，贝塞尔曲线 - Bezier Curves就是是可以通过控制点弯曲的曲线线条。Sketch称这些控制点叫操作棒 - handles。

    欢马劈雪
    操作， ios， 开发者， sketch， 入门教程

  • 剪刀

    位于旋转副本功能上面有个叫做剪刀 - Scissors的菜单选项。这里我们使用它投机倒把，创建一个WatchKit活动环耍耍：1.创建一个圆（记住，使用快捷键O并按住Shift拖动出一个圆圈）。2.取消填充Fill。3.把边框Border的值加大到25。4.选择菜单Layer\Paths\Scissors。5.剪断圆圈的左上部分。6.旋转边框Border栏，点击齿轮Gear按钮。7.

    欢马劈雪
    剪刀， ios， 开发者， sketch， 入门教程

  • 旋转副本

    如果你以为这里就只是画个梯形简直图样，接着我们就使用旋转副本功能来搞个风车耍耍。旋转副本创建了复制图形并给你创建了一圈，看起来有木有像个花瓣（像个毛）？又在瞎逼逼了，动手试试：1.选择菜单Layer\Paths\Rotate Copies。2.输入3，制作三份副本（算上你画的那个一个是四个）。3.拖动白点，白点位置标示圆心，旋转一圈，看看有没有像银行标志，手里剑，风车啥的。

    欢马劈雪
    旋转， 副本， ios， 开发者， sketch

  • 直线图形

    您可以通过点击创建任意多边形，接下来试着做一个多边形：1.使用快捷键V激活矢量图形工具。2.开始画梯形的边角。3.通过点击起点闭合形状。4.点击编辑按钮 - Edit，拖动各个向量指向重新定位。5.添加填充颜色 - Fill。6.删除边框 - Border。非常爽的是，因为Sketch可以让你在事后重新定位每个矢量点，因此不需要你有很大的绘画技巧就可以使用矢量工具。

    欢马劈雪
    直线， 图形， ios， 开发者， sketch

  • 矢量工具

    画圆啊，矩形啊，线条这些都太low逼了，限制也比较多。接下来我们就试试矢量工具来把刚才这些基本图形变变形。

    欢马劈雪
    矢量， 工具， ios， 开发者， sketch
上一页 下一页

个人简介

  1. 欢马劈雪

  2. 纵马驰骋迎雪而行

  3. 获得 161620 积分

  4. https://nowjava.com/creator/10001

热门标签

关注时代Java

Copyright © 2014-2024NowJava. All Rights Reserved. 时代Java 版权所有 京ICP备14059627号-7

关注时代Java