区块链技术博客
www.b2bchain.cn

SwiftUI iPhone 、iPad 、Mac 适配 UI,iPhone 用tabbar ,iPadOS 和 macOS 用sidebar 两栏或三栏布局求职学习资料

本文介绍了SwiftUI iPhone 、iPad 、Mac 适配 UI,iPhone 用tabbar ,iPadOS 和 macOS 用sidebar 两栏或三栏布局求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

关键词

tabbar
sidebar
两栏或三栏布局

效果图

SwiftUI iPhone 、iPad 、Mac 适配 UI,iPhone 用tabbar ,iPadOS 和 macOS 用sidebar 两栏或三栏布局
SwiftUI iPhone 、iPad 、Mac 适配 UI,iPhone 用tabbar ,iPadOS 和 macOS 用sidebar 两栏或三栏布局

核心代码

ContenView

import SwiftUI  struct ContentView: View {     #if os(iOS)     @Environment(.horizontalSizeClass) private var horizontalSizeClass     #endif      var body: some View {         #if os(iOS)         if horizontalSizeClass == .compact {             AppTabNavigation()         } else {             AppSidebarNavigation()         }         #else         AppSidebarNavigation()         #endif     } }  struct ContentView_Previews: PreviewProvider {     static var previews: some View {         Group {             ContentView()             ContentView()                 .previewDevice("iPad Pro (11-inch) (2nd generation)")         }     } }

AppTabNavigation

“`swift
struct AppTabNavigation: View {
@State private var selection: Tab = .menu

var body: some View {     TabView(selection: $selection) {         NavigationView {             Text("菜单")         }         .tabItem {             Label("Menu", systemImage: "list.bullet")                 .accessibility(label: Text("Menu"))         }         .tag(Tab.menu)          NavigationView {             Text("收藏")         }         .tabItem {             Label("Favorites", systemImage: "heart.fill")                 .accessibility(label: Text("Favorites"))         }         .tag(Tab.favorites)          NavigationView {             Text("奖励")         }         .tabItem {             Label("Rewards", systemImage: "seal.fill")                 .accessibility(label: Text("Rewards"))         }         .tag(Tab.rewards)

关键词

tabbar
sidebar
两栏或三栏布局

效果图

SwiftUI iPhone 、iPad 、Mac 适配 UI,iPhone 用tabbar ,iPadOS 和 macOS 用sidebar 两栏或三栏布局
SwiftUI iPhone 、iPad 、Mac 适配 UI,iPhone 用tabbar ,iPadOS 和 macOS 用sidebar 两栏或三栏布局

核心代码

ContenView

import SwiftUI  struct ContentView: View {     #if os(iOS)     @Environment(.horizontalSizeClass) private var horizontalSizeClass     #endif      var body: some View {         #if os(iOS)         if horizontalSizeClass == .compact {             AppTabNavigation()         } else {             AppSidebarNavigation()         }         #else         AppSidebarNavigation()         #endif     } }  struct ContentView_Previews: PreviewProvider {     static var previews: some View {         Group {             ContentView()             ContentView()                 .previewDevice("iPad Pro (11-inch) (2nd generation)")         }     } }

AppTabNavigation

“`swift
struct AppTabNavigation: View {
@State private var selection: Tab = .menu

var body: some View {     TabView(selection: $selection) {         NavigationView {             Text("菜单")         }         .tabItem {             Label("Menu", systemImage: "list.bullet")                 .accessibility(label: Text("Menu"))         }         .tag(Tab.menu)          NavigationView {             Text("收藏")         }         .tabItem {             Label("Favorites", systemImage: "heart.fill")                 .accessibility(label: Text("Favorites"))         }         .tag(Tab.favorites)          NavigationView {             Text("奖励")         }         .tabItem {             Label("Rewards", systemImage: "seal.fill")                 .accessibility(label: Text("Rewards"))         }         .tag(Tab.rewards)

关键词

tabbar
sidebar
两栏或三栏布局

效果图

SwiftUI iPhone 、iPad 、Mac 适配 UI,iPhone 用tabbar ,iPadOS 和 macOS 用sidebar 两栏或三栏布局
SwiftUI iPhone 、iPad 、Mac 适配 UI,iPhone 用tabbar ,iPadOS 和 macOS 用sidebar 两栏或三栏布局

核心代码

ContenView

import SwiftUI  struct ContentView: View {     #if os(iOS)     @Environment(.horizontalSizeClass) private var horizontalSizeClass     #endif      var body: some View {         #if os(iOS)         if horizontalSizeClass == .compact {             AppTabNavigation()         } else {             AppSidebarNavigation()         }         #else         AppSidebarNavigation()         #endif     } }  struct ContentView_Previews: PreviewProvider {     static var previews: some View {         Group {             ContentView()             ContentView()                 .previewDevice("iPad Pro (11-inch) (2nd generation)")         }     } }

AppTabNavigation

“`swift
struct AppTabNavigation: View {
@State private var selection: Tab = .menu

var body: some View {     TabView(selection: $selection) {         NavigationView {             Text("菜单")         }         .tabItem {             Label("Menu", systemImage: "list.bullet")                 .accessibility(label: Text("Menu"))         }         .tag(Tab.menu)          NavigationView {             Text("收藏")         }         .tabItem {             Label("Favorites", systemImage: "heart.fill")                 .accessibility(label: Text("Favorites"))         }         .tag(Tab.favorites)          NavigationView {             Text("奖励")         }         .tabItem {             Label("Rewards", systemImage: "seal.fill")                 .accessibility(label: Text("Rewards"))         }         .tag(Tab.rewards)

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » SwiftUI iPhone 、iPad 、Mac 适配 UI,iPhone 用tabbar ,iPadOS 和 macOS 用sidebar 两栏或三栏布局求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们