当前位置: 首页 > news >正文

iOS开发Swift-2-图片视图、App图标-赏月App

1.创建新项目

点击File - New - Project。

 选择Single View App,点击Next。

 填写文件信息,点击Next。

 选择文件位置,点击Create。

  修改App显示名称为 “赏月”。

2.设置背景色

选择Main,点击View界面,选择右边属性,点击Background选择背景色。

 3.创建图片视图

 在组件库中找到Image View拖动到界面上。

 点击尺子,在Width和Height中调节图片和视图的宽高均为100,将图片拖动到视图居中的地方。

 打开Assets包,将图片资源拖动到包中。

4. 2x、3x像素图片准备

双击图片,发现需要上传该Image的2x,3x的图片以保证图片的清晰度。

 打开图片转换网址:https://www.appicon.co

 进入Images Sets一栏,选择3x,iOS,将图片拖放到网页上。点击Generate。

 下载完成后,选中三个图片,拖放到Assets包中(记得删除原来的FullMoon图片)。

 5.选择image

在Main文件中,选择Image View,选中FullMoon这个Image,Image View标签变成月亮图片。

 6.制作App图标

可画:https://www.canva.cn

选择像素1024 * 1024,创建新设计。

 进行设计并导出图片为png。

  打开图片转换网址:https://www.appicon.co

 选择App icon,选择iPhone,将素材图片拖到图片文件上,点击Generate下载。

 打开Assets文件夹,删掉原来的Appicon,将新的AppIcon.appiconset拖入到Assets文件夹中。

 7.编译运行

点击Product - Build,编译软件。

 编译成功。

 运行程序。

 8.更换背景图。

 打开图片转换网址:https://www.appicon.co

将素材中的背景图转换为2x,3x形式。

 下载好的素材拖入Assets中。

 创建一个与屏幕大小一致的Image View,将图片设置为bg。

 调整图片层级使月亮在上方。

 调整月亮大小为300*300,并拖到画面中间。

 9.启动。

http://www.lryc.cn/news/150710.html

相关文章:

  • node18 vue2启动报错 error:0308010C:digital envelope routines::unsupported
  • Java8实战-总结18
  • ARM编程模型-指令流水线
  • 邮件营销:高效的节日宣传方式
  • Leetcode109. 有序链表转换二叉搜索树
  • 基于Googlenet深度学习网络的人脸身份识别matlab仿真
  • vue2 生命周期,工程化开发入门
  • Elasticsearch 分布式搜索——聚合
  • 苹果将在iPhone16系列中引入微透镜阵列技术,亮度更高、功耗更低
  • Window10 安装 Lua
  • Centos替代方案分析(Ubuntu篇)
  • 关于计数以及Index返回订单号升级版可以控制年月日累计(不重复)(sqlite)
  • 前端实现在线预览文件
  • 海外有哪些流行的支付方式?
  • 服务器数据恢复-重组RAID导致RAID6数据丢失的数据恢复案例
  • Redis数据库持久化---RDB(Redis DataBase)概念与实操
  • 分部署存储Ceph
  • 项目:点餐系统3mysql知识回顾MySQL客户端
  • docker命令学习
  • 【STM32教程】第二章 通用输入输出口GPIO
  • 2023.9 - java - ArrayList
  • 记1次前端性能优化之CPU使用率
  • 记一次postgres导致cpu100%
  • 详谈SpringBoot启动项目后执行自定义方法的方式
  • KubeAdmin方式搭建K8S(1.26.0)
  • 代码随想录打卡—day57—【编辑距离】— 9.2+9.3 编辑距离系列
  • Blender界面学习03 原点、鼠标所在位置的缩放与旋转
  • 指针结构体题
  • 【力扣每日一题02】数组篇--删除有序数组中的重复项
  • Vue在表格中拿到该行信息的方式(作用域插槽-#default-scope-解决按钮与行点击的顺序问题)