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

iOS开发Swift-9-SFSymbols,页面跳转,view屏幕比例,启动页-和风天气AppUI

1.创建项目

 2.设置好测试机型,App显示名称,以及关闭横向展示.

 3.下载SF Symbols.

https://developer.apple.com/sf-symbols/

右上角搜索 search ,可以找到很多系统自带图标.选择喜欢的图标,拷贝图标的名字.

 插入一个Button,在Image中粘贴图标名称并选择,即可将Button变成想要的图标.并为它添加x轴约束和y轴约束.

4.添加温度Lable并设置样式为Thin,大小为100.并为它添加x轴约束和y轴约束.

 5.将天气图标的素材全部添加到Assets里.选中所有添加的素材,点击左下角加号➕,选择Folder from Selection,将所有素材添加到一个文件夹中,命名为icons.

 6.在Main中添加一个Image View,选中图片100作为占位符.并为Image View添加水平居中约束和y轴约束.

 7.为App添加淡蓝色纯色背景并添加上下左右距离view为0的约束.

 8.点击右上角加号,添加View Controller新页面.为新页面添加一个Button,并修改Title,Image,大小.

 9.添加输入框加按钮的stack view.拖拽stack view到屏幕,选择Equal Width.

 双击尺子栏里的proportlonal width to

 将Multipller改为0.6. 表示这个stack view占总屏幕宽度的60%.为stack view添加约束.

 10.选中搜索图标,Ctrl加拖拽到第二页上,选择Present Modally.

点击中间的箭头,将屏幕样式改为Full Screen.

 11.制作启动页

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

相关文章:

  • 代码优化工具-测试程序执行时间-IDEAdebug+StopWatch
  • 力扣每日一题---2594. 修车的最少时间
  • 【jvm】运行时数据区
  • SpringMVC相对路径和绝对路径
  • IIS perl python cbrother php脚本语言配置及简单测试样例程序
  • Oracle Scheduler中日期表达式和PLSQL表达式的区别
  • Java设计模式:一、六大设计原则-06:依赖倒置原则
  • 信息系统数据同步解决方案
  • LRU算法 vs Redis近似LRU算法
  • 浅析ARMv8体系结构:异常处理机制
  • Golang开发--Goroutine的使用
  • 【Linux】package ‘python-yaml‘ has no installation candidate 如何解决
  • Selector选择器在AspNetCore中的用法
  • anaconda3最新版安装|使用详情|Error: Please select a valid Python interpreter
  • java八股文面试[多线程]——锁的分类
  • 儿童安全门和围栏,以及游戏围栏等美国站要求的合规标准是什么?
  • kafka配合ElasticStack技术栈的搭配使用
  • 对极几何与三角化求3D空间坐标
  • 英语语法笔记
  • ES6的面向对象编程以及ES6中的类和对象
  • ConfigMaps in K8s
  • 《机器人学一(Robotics(1))》_台大林沛群 第 6 周 【轨迹规划_直线转折处抛物线平滑】Quiz 6
  • 关于vscode的GitLens插件里的FILE HISTORY理解
  • 通过idea实现springboot集成mybatys
  • 力扣(LeetCode)算法_C++——移位字符串分组
  • Vue2 与Vue3的区别?面试题
  • java代码:Random和Scanner应用的小例子-猜数字小游戏
  • python调用git出错:ImportError: Failed to initialize: Bad git executable.
  • 【C语言】入门——指针
  • C#_预处理指令