swift界面初体验

news2024/9/29 11:39:51

1.添加视图

lazy var contentView: UIView = {
    let a = UIView()
    self.view.addSubview(a)
    return a
  }()

2.添加文本

lazy var tipsLabel: UILabel = {
    let a = UILabel()
    a.font = UIFont.regular13
    a.textColor = UIColor.withHex(hexString:"#58C65C")
    a.text = R.string.localizable.off_site_sharing_poster_slogin.fm
    contentView.addSubview(a)
    return a
  }()

3添加图片

lazy var logoIcon: UIImageView = {
    let a = UIImageView(image: R.image.share.logo())
    contentView.addSubview(a)
    return a
  }()

4.调整宽高,位置

override func configUI() {
    super.configUI()
	self.logoIcon.snp.makeConstraints { make in
	      make.width.height.equalTo(18)
	      make.left.equalTo(20)
	      make.top.equalTo(logoIcon.snp.bottom).offset(5)
	    }
}

5.水平居中

make.left.right.equalToSuperview()
make.centerX.equalToSuperview()

6.设置颜色透明度

UIColor.withHex(hexString:"#71DA75").withAlphaComponent(0.19)

注意事项:

  1. 超过一个元素必须要有父容器
  2. 容器必须给宽度(make.left.right.equalToSuperview()占整个宽度)
  3. 与自定义控件不能命名重合
    区分是否为自定义控件:淡蓝色是,紫色不是(系统自带)
    在这里插入图片描述
    在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1073284.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

延时中间继电器 JZS-7/125 DC220V 0.02-9.99S 带一延时一瞬动辅助接点

JZS-7/125可调延时中间继电器系列型号: JZS-7/125静态可调延时中间继电器; JZS-7/145静态可调延时中间继电器; JZS-7/127静态可调延时中间继电器; JZS-7147静态可调延时中间继电器; 1 用途 JZS-7系列静态可调延时中间…

QT5 WebCapture 页面定时截图工具

QT5 WebCapture 网页定时截图工具 1.设置启动时间,程序会到启动时间后开始对网页依次进行截图 2.根据所需截图的页面加载速度,设置页面等待时间,尽量达到等页面加载完成后,再执行截图 3.根据需求,设置截图周期 4.程序…

基于多线程的Reactor模式的 回声服务器 EchoServer

记录下 一个线程专门用来接受accept获取客户端的fd 获取fd之后 从剩余的执行线程中 找到一个连接客户端数量最少的线程 然后将客户端的fd加入到这个线程中并通过EPOLL监听这个fd 线程之间通过eventfd来通信 将客户端的fd传到 对应的线程中 参考了MediaServer 引入…

[java基础学习]之DOS命令

#java基础学习 1.常用的DOS命令: dir:列出当前目录下的文件以及文件夹 md: 创建目录 rd:删除目录cd:进入指定目录 cd.. :退回到上级目录 cd\ : 退回到根目录 del:删除文件 exit:退出dos命令行 1.dir:列出当前目录下的文件以及文件夹 2.md: 创建目录 …

解决Adobe Premiere Pro CC 2018打开无反应,并出现.crash的文件问题

一 问题描述 Adobe Premiere Pro CC 2018软件安装完成后,打开该软件没反应,且打开时桌面会出现Crash文件! 二 解决方法 如果Adobe Premiere Pro CC 2018在打开时无反应,并出现.crash文件的问题,可以尝试以下解决方法…

KekeBlog项目实战(更新中)

一、前言 1. 项目简介 本项目是前后端分离项目,而我们所做的只有完整的后端开发工作,前端已经写好,故不做任何开发,仅开发后端。项目包含完整的后端中前台和后台的代码编写 前端项目下载链接: https://pan.baidu.c…

Git仓库迁移记录

背景:gitlab私服上面,使用 import project的方式,从旧项目迁移到新地址仓库,但是代码一直没拉过去。所以使用命令的方式,进行代码迁移。 第一步:使用git clone --mirror git地址,进行代码克隆 …

建立数据科学基础设施的绝佳指南 数据工程师都该人手一册

《Effective数据科学基础设施》由Netflix工程师Ville Tuulos撰写,以Metaflow为对象,介绍了数据科学所需要的基础设施,囊括数据准备、特征工程、模型训练、模型部署、服务和持续监控等环节。Metaflow专注于构建生产流程,更适合具有…

《理解深度学习》2023最新版本+习题答案册pdf

刚入门深度学习或者觉得学起来很困难的同学看过来了,今天分享的这本深度学习教科书绝对适合你。 就是这本已在外网获13.1万次下载的宝藏教科书《理解深度学习》。本书由巴斯大学计算机科学教授Simon J.D. Prince撰写,全书共541页,目前共有21…

【嵌入式C内存管理】

记录嵌入式C内存划分,后续会更新动态内存管理 1. 内存划分 栈区 stack有时也称为堆栈,重点在栈字,存放函数内部临时变量堆区 heap也就是动态申请(malloc)、释放(free)的内存区域数据区 data初始化的全局变量和静态变量…

opengauss数据备份(docker中备份)

首先如果想直接在宿主机上进行使用gs_dump备份需要glibc的版本到2.34及以上,查看版本命令为 ldd --version 如图所示,本宿主机并不满足要求,所以转向在docker容器中进行备份, 然后进入opengauss容器中,命令为 docker…

Vue3 + Ts实现NPM插件 - 定制loading

目录 你的 Loading🤖 安装🛹 简介苍白请 您移步文档:✈️ 使用方法🛠️ 配置 loading 类型🎲 定制 loading 色彩 💡 注意事项 前期回顾 你的 Loading 开箱即可用的 loading, 说明:vu…

当数字孪生与智慧园区结合,能够实现什么样的应用?

随着数字化进程的加深,数字孪生技术也越来越为大家所重视。那么,数字孪生技术在智慧园区中能够发挥什么样的作用?本文将根据山海鲸可视化智慧园区三维可视化系统,为大家进行说明。 一、基本概念 为了方便大家了解,这…

基于Springboot实现学生毕业离校系统项目【项目源码+论文说明】分享

基于Springboot实现学生毕业离校系统演示 摘要 随着科学技术的飞速发展,社会的方方面面、各行各业都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势,新生宿舍管理系统当然也不能排除在外。新生宿舍管理系统是以实际运用为开发背景…

使用echarts绘制3DChart图表

使用3DChart需要安装echarts和echarts-gl。否则图标不显示。 版本要对应 “echarts”: “^5.2.2”, “echarts-gl”: “^2.0.9”, main.js // main.js 引入echarts方式如下 import echarts-gl //如果使用3DEchart图标需要下载个引入对应版本的 import * as echarts from echa…

旅游网站HTML

代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>旅游网</title> </head> <body><!--采用table编辑--> <!--最晚曾table,用于整个页面那布局--><table width&q…

【星海出品】ansible入门(四)playbook kolla开源例子

简介 Kolla-ansible项目提供一个完整的Ansible Playbook&#xff0c;来部署Docker的镜像&#xff0c;再完成openstack组件的自动化部署。并提供all-in-one和multihost的环境。 安装后会将kolla-ansible内置为一个shell启动文件。 kolla-ansible: /usr/local/bin/kolla-ansible…

获取手机号归属地详情,精准高效的API接口服务

在现代社会中&#xff0c;通讯工具如手机成为了人们生活中不可缺少的部分。但是&#xff0c;有时我们会收到陌生电话&#xff0c;需要了解电话号码的归属地以判断其可信性。这个时候&#xff0c;获取手机号归属地的API接口服务就会发挥重要作用。 一、API接口服务简介 API接口…

解决video层级过高在app的问题

直接上代码,写一个组件 <template><iframe :onload"inner"></iframe> </template> <script>export default {props: {src: {}},data() {return {inner: }},created() {this.inner this.contentWindow.document.body.innerHTML <v…

一文搞懂二叉树后序遍历的三种方法

系列文章&#xff1a; 相关题目&#xff1a; 145. 二叉树的后序遍历 先序遍历结果为&#xff1a;4 5 2 6 7 3 1 总体上分为两种框架&#xff0c;递归框架和非递归框架&#xff0c;递归框架又分为两种思路&#xff1a;分解思路和遍历思路。 递归 1、分解思路 【分解为子问题】…