前言 SwiftUI有很多不同的视图控件，包含了Controls容器 控件容器 Layout容器 布局容器 Paints容器 绘画容器 Other容器 其他容器
转载
2023-08-03 15:19:04
288阅读
前言很多时候，系统原生的 UITabBar 并不能满足我们的需求，譬如我们想要给图标做动态的改变，或者比较炫一点的展示，原生的处理起来都很麻烦。所以很多时候都需要自定义一个 UITabBar，里面的图标、颜色、背景等等都可以根据需求去改变。效果展示：从零开始先说一下思路页面继承自 UITabBarController ，然后自定义一个 UIView ，添加到 TabBar 上。取消原本的控制按钮。
转载
2023-08-11 11:38:01
325阅读
总览如果你想要入门 SwiftUI 的使用，那 Apple 这次给出的官方教程绝对给力。这个教程提供了非常详尽的步骤和说明，网页的交互也是一流，是觉得值得看和动手学习的参考。不过，SwiftUI 中有一些值得注意的细节在教程里并没有太详细提及，也可能造成一些困惑。这篇文章以我的个人观点对教程的某些部分进行了补充说明，希望能在大家跟随教程学习 SwiftUI 的时候有点帮助。这篇文章的推荐阅读方式是
转载
2024-08-20 17:10:41
43阅读
# SwiftUI Grid 布局指南
在现代应用开发中，用户界面的布局是至关重要的。SwiftUI 作为 Apple 提供的一种声明式 UI 开发方式，使得构建复杂 UI 布局变得非常简便。其中，Grid 布局是一个重要的组成部分，可以帮助开发者以高效、灵活的方式对齐和组织视图。
## 什么是 Grid 布局
Grid 布局允许开发者将视图组织成网格形式，类似于电子表格或网页布局。它可以方
# SwiftUI复杂布局详解
在iOS开发中，界面布局是一个非常重要的环节。SwiftUI是苹果推出的一种新的UI框架，它为开发者提供了一种声明式的UI编程方式，让开发者可以更加轻松地构建复杂的界面布局。本文将介绍如何在SwiftUI中实现复杂的界面布局，并提供一些代码示例以帮助读者更好地理解。
## SwiftUI基础知识
在开始介绍复杂布局之前，我们先了解一下SwiftUI的一些基础知
原创
2024-04-23 07:11:42
113阅读
# 实现SwiftUI布局TabBar
作为一名经验丰富的开发者，你要教授一名刚入行的小白如何实现SwiftUI布局TabBar。下面是整个流程的步骤表格：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建一个新的SwiftUI项目 |
| 2 | 在ContentView中添加TabView |
| 3 | 为每个Tab添加相应的View |
接下来，让我们逐步解释
原创
2024-04-22 04:22:36
137阅读
布局和适配布局方式和布局因素在 iOS App开发时, 我们可以选择纯代码工程或者Storyboard也或者xib, 但在 Watch App开发时必须要用Storyboard为基础来进行开发, 是不可以用纯代码进行实现的。先来看一下, 下面的布局结果:
WatchOS 中的布局方式和 iOS是不相同的, 在控件上的可操作性要比 iOS中少, 所以 WatchOS的布局要比 iOS中的简单
一、创建项目并体验画布① 系统要求创建 SwiftUI 项目工程，体验画布、预览模式和 SwiftUI 模板代码；要想在 Xcode 中预览画布中的视图，或者与画布中的视图进行交互，需要 Mac 系统版本号不低于 macOS Catalina 10.15。② 步骤打开 Xcode，在启动页面点击创建新工程，或者在菜单中选择文件->新建->项目：在项目模板选择器中，选择 iOS 作为项目
转载
2024-01-22 19:27:46
394阅读
引言1 - Storyboard 是一个能够节省你很多设计手机 App 界面时间的新特性，如图所示 （1）通过上图，你可以大致明白，如果你要制作一个页面很多很复杂的 App，Storyboard 可以帮助你解决写很多重复的跳转方法的麻烦，节省很多时间，以便你能够完全的专注于核心功能的实现上2 - Storyboard 是最先在 iOS 5 引入的一项振奋人心的特性，大幅缩减构建 App 用户界面
转载
2023-09-18 12:55:30
469阅读
页面布局HStack 横向布局VStack(alignment: .center) {
Image("11")
.frame(width: 100, height: 100)
.clipShape(Circle())
.padding(.bottom,10)
转载
2023-06-03 15:19:03
253阅读
ios开发中，遇到自定义高度不定的cell的时候，我们通常的做法是抽取一个frame类，在frame类中预算好高度，再返回。但是苹果出来自动布局之后。。。春天来了！！来看看怎么巧用自动布局设置自定义cell的高度（以下代码都用swift实现，oc也是一样的，只是语法不一样） （1）自定义一个cell视图，可以用xib，也可以用storyboard中
转载
2023-08-23 13:58:02
256阅读
前言 前面的几篇文章总结了怎样用 SwiftUI 搭建基本框架时候的一些注意点（和这篇文章在相同的分类里面，有需要了可以点进去看看），这篇文章要总结的东西是用地图数据处理结合来说的，通过这篇文章我们能总结到的点有下面几点： 1、SwiftUI怎样使用UIKit的控件 &
转载
2024-07-19 14:21:19
30阅读
2019年WWDC大会上，苹果在压轴环节向大众宣布了基于Swift语言构建的全新UI框架——SwiftUI，开发者可通过它快速为所有的Apple平台创建美观、动态的应用程序。推荐大量使用struct代替类。 SwiftUI 就是⼀种声明式的构建界面的用户接口工具包。 SwiftUI使用声明式的语法构建UI，我们只需要向系统声明UI的View样式，以及View如何转换状态，其他的过程都交给系统去处理
转载
2024-07-05 22:03:45
107阅读
1.什么是swift语言?swift是一种用来编写 OS X和iOS应用程序的编译式程序语言、即拥有解释性语言语法的简洁，跨平台等特性、也拥有编译语言执行的高效率。2.变量 常量 var 申明变量的关键字(不能将变量本身类型之外的值赋给它) let 申明常量的关键字(只能在申明后初始化一次，且之后不能再改变其值)3.UIKit对象(UIScreen UIWindow UIVie
转载
2023-06-26 21:31:00
107阅读
# SwiftUI自适应布局的探究
在现代的iOS开发中，SwiftUI是一个强大的框架，可以帮助开发者快速构建用户界面。自适应布局是SwiftUI的一项核心功能，使得应用能够在不同设备和屏幕尺寸中优雅地呈现，而无需编写复杂的布局代码。本文将探讨SwiftUI自适应布局的原理与实现，并提供具体的代码示例。
## 什么是自适应布局？
自适应布局指的是用户界面的元素根据屏幕大小、方向和其他条件自
RxSwift学习之十二 （基础使用篇 3- UI控件扩展）2. Rxswift基本使用之 UI控件扩展2.17 UILabel rx 扩展2.17.1 将数据绑定到 text 属性上（普通文本）2.17.2 将数据绑定到 attributedText 属性上（富文本）2.18 UITextField，UITextView Rx扩展2.18.1 监听单个 textField 内容的变化（text
转载
2024-03-04 10:12:14
92阅读
# SwiftUI 控件介绍
SwiftUI 是苹果公司推出的一种新的用户界面框架，旨在简化 iOS、macOS、watchOS 和 tvOS 的界面开发。它通过声明式的方式使得UI构建更加直观。接下来，我们将介绍几个常用的 SwiftUI 控件以及它们的使用示例。
## 1. Text
`Text` 是 SwiftUI 中用于展示文本的控件，支持多种样式和格式。
```swift
imp
原创
2024-10-02 05:01:55
58阅读
在前面的文章中谈了谈对SwiftUI的基本的认识，以及用我们最常见的TB+NA的方式搭建了一个很基本的场景来帮助认识了一下SwiftUI，具体的文章可以在SwiftUI分类部分查找，这篇我准备在写UI的时候从SwiftUI角度我们具体的应该怎样去做，或者说是用SwiftUI我们该从什么角度去解析一个页面。以及对SwiftUI里面的其中一些细节知识做一下分析总结。以前我们用UIKit写一个列表页的时
转载
2024-03-12 16:20:16
63阅读
前言 在前面的文章中谈了谈对SwiftUI的基本的认识，以及用我们最常见的TB+NA的方式搭建了一个很基本的场景来帮助认识了一下SwiftUI，具体的文章可以在SwiftUI分类部分查找，这篇我准备在写UI的时候从SwiftUI角度我们具体的应该怎样去做，或者说是用SwiftUI我们该从什么角度去解析一个页面。以及对SwiftUI里面
转载
2023-08-25 23:29:26
221阅读
本文为初学SwiftUI笔记。记录SwiftUI常用的组件和属性。组件共有属性(View的属性)Image("toRight")
.resizable()
.background(.red) // 背景色
.shadow(color: .black, radius: 2, x: 9, y: 15) //
转载
2023-06-26 15:16:51
665阅读
