新手学IOS开发-APP界面布局基础开发( 四 )

  • 将第二个Tab的Text替换成Map组件 , 咱们使用北京昌平的位置作为地图上的坐标
  •  
    代码如下:
    import SwiftUIimport MapKitstruct ContentView: View {var body: some View {TabView(selection: /*@START_MENU_TOKEN@*//*@PLACEHOLDER=Selection@*/.constant(1)/*@END_MENU_TOKEN@*/) {List {Text("IOS开发")Button("Java开发") {TextField("其它请输入", text: /*@START_MENU_TOKEN@*//*@PLACEHOLDER=Value@*/.constant("")/*@END_MENU_TOKEN@*/).tabItem { Text("主页") }.tag(1)// 使用地图组件MapView(coordinate: CLLocationCoordinate2D(latitude: 40.22077, longitude: 116.23128)).tabItem { Text("位置") }.tag(2)Text("").tabItem { Text("我的") }.tag(3)struct ContentView_Previews: PreviewProvider {static var previews: some View {ContentView()运行代码
    在修改完代码后 , 咱们点击项目结构栏上的三角形按钮 , Xcode会运行代码并启动iphone模拟器:
    新手学IOS开发-APP界面布局基础开发

    文章插图
    运行代码
    当显示build success后 , 屏幕上弹出iphone模拟器 , iphone模拟器类似于一个iphone手机 , 我们可以在里面操作我们的app:
    新手学IOS开发-APP界面布局基础开发

    文章插图
    主页-模拟器
    选择位置选项卡后出现地图:
    新手学IOS开发-APP界面布局基础开发

    文章插图
    位置-模拟器
    今天的内容先学习到这里 , 后续文章将介绍swift开发的基础知识 , 欢迎关注 。

    【新手学IOS开发-APP界面布局基础开发】


    推荐阅读