SwiftUI macOS 轻松搭建现代感左右两栏App(教程含源码)
2023-09-11 14:18:32 时间
本文价值与收获
看完本文后,您将能够作出下面的界面
看完本文您将掌握的技能
- 搭建两栏基础框架
- 设置工具栏
- 设置列表栏
- 现代化头像
代码
import SwiftUI
// 1、主界面
struct ContentView: View {
@State var selection: Set<Int> = [0]
var body: some View {
//2.左侧Siderbar
NavigationView {
List(selection: self.$selection) {
Label("所有未读", systemImage: "line.horizontal.3")
Label("主题", systemImage: "text.bubble")
Label("提醒", systemImage: "at")
Divider()
Label("普通", systemImage: "number
相关文章
- Hybrid App技术批量制作APP应用与跨平台解决方案
- iOS App设置icon,启动图,App名称的方法
- flutter 让app跟随系统的theme
- Python库源码学习1:Flask之app.run
- [AngularJS]1. Fisrt App, ng-app, Exprection{{}}
- APP开发的一些简单流程思路
- app开发流程
- [AngularJS]1. Fisrt App, ng-app, Exprection{{}}
- macos安装uni-app开发环境(hbuilderx 3.6.18 / macos12.4)
- 关于 SAP Spartacus Shell App 客户应用的调试
- 适合做app的前端框架有哪些?webAPP&移动端App:react native、weex、flutter
- android 11.0 安装低版本app 弹出应用版本过低警告窗
- Android 11.0 12.0Launcher3 电话和短信app图标显示未读短信和未接来电的条数
- Android 进入其他app和退出App杀死进程的方法详解
- Android app的性能优化
- 个人或者企业怎么进行app开发?开发一款APP应用大概须要多少钱?
- uni-app h5配置打包,图片路径访问不到
- 2022最全的 App 应 用 测 试 技 巧
- app自动化测试(Android)--App 控件定位
- uni-app开始时间结束时间