实战教程·元宇宙来了,准备好你的电子名片了吗?(七)(2)

简介: 实战教程·元宇宙来了,准备好你的电子名片了吗?(七)

声明双向绑定变量还需要在预览PlatformPicker时增加参数的默认值,如下代码所示:


PlatformPicker(platformIcon: .constant("icon_juejin"), platformName: .constant("稀土掘金技术社区"))

image.png

下一步到IndexURLView视图,将原来NewView中的indexURLView视图代码复制过来,如下代码所示:


import SwiftUI
struct IndexURLView: View {
    @Binding var indexURL:String
    var body: some View {
        ZStack(alignment: .topLeading) {
            TextEditor(text: $indexURL)
                .font(.system(size: 17))
                .padding(15)
                .disableAutocorrection(true)
                .autocapitalization(.none)
            if indexURL.isEmpty {
                Text("请输入主页链接")
                    .foregroundColor(Color(UIColor.placeholderText))
                    .padding(20)
            }
        }
        .background(Color(.systemGray6))
        .cornerRadius(8)
        .padding()
        .frame(maxHeight: 240)
    }
}
struct IndexURLView_Previews: PreviewProvider {
    static var previews: some View {
        IndexURLView(indexURL: .constant(""))
    }
}

image.png

完成之后,我们就可以回到NewView视图中,将原来的参数以及titleInputView平台输入框视图、platformPicker平台选择器视图、indexURLView链接地址视图的代码删掉,如下图所示:

image.png

删除代码后,我们使用单独搭建的构件来重新搭建样式,如下代码所示:


TitleInputView(title: $title)
PlatformPicker(platformIcon: $platformIcon, platformName: $platformName)
IndexURLView(indexURL: $indexURL)

image.png

如此,NewView视图在维持原有功能样式不变的情况下,代码量也精简很多。


相关文章
|
边缘计算 编译器 数据中心
X86架构与Arm架构的主要区别分析
X86架构与Arm架构的主要区别分析
1650 0
|
6月前
|
SQL 算法 关系型数据库
什么是 ‘小表驱动大表’ 原则?如何实现 JOIN顺序优化?(图解+秒懂+史上最全)
什么是 ‘小表驱动大表’ 原则?如何实现 JOIN顺序优化?(图解+秒懂+史上最全)
什么是 ‘小表驱动大表’ 原则?如何实现 JOIN顺序优化?(图解+秒懂+史上最全)
|
编解码 监控 安全
远程软件怎么选?ToDesk、向日葵、Parsecd、TeamViewer评测结果公布
在全球化和数字化转型加速的背景下,选择一款高效稳定的远程控制软件成为许多个人用户和企业的核心需求。本文将对比四款热门远程控制软件——向日葵、ToDesk、Parsecd和TeamViewer,从连接速度、功能丰富度、安全性和易用性等多个维度进行评测。
3004 6
实战教程·元宇宙来了,准备好你的电子名片了吗?(七)(4)
实战教程·元宇宙来了,准备好你的电子名片了吗?(七)
122 0
实战教程·元宇宙来了,准备好你的电子名片了吗?(七)(4)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(17)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(17)
217 0
|
XML 网络架构 数据格式
gsoap中文乱码及内存清理等问题的解决方案
gsoap中文乱码的问题  -- 拔剑,2010-08-31   一、 问题和分析   gsoap在调用Webservice过程中,如果字符串中有汉字,很容易出现乱码。
1383 0
|
2天前
|
存储 JavaScript 前端开发
JavaScript基础
本节讲解JavaScript基础核心知识:涵盖值类型与引用类型区别、typeof检测类型及局限性、===与==差异及应用场景、内置函数与对象、原型链五规则、属性查找机制、instanceof原理,以及this指向和箭头函数中this的绑定时机。重点突出类型判断、原型继承与this机制,助力深入理解JS面向对象机制。(238字)
|
3天前
|
安全 数据可视化 网络安全
安全无小事|阿里云先知众测,为企业筑牢防线
专为企业打造的漏洞信息收集平台
1303 2

热门文章

最新文章