El estudio de desarrollo de ios basado en SwiftUI Xcode observa la interfaz de inicio de sesión n. ° 1

• Soy yo o yo
• SwiftUI es un marco para el desarrollo de ios que utiliza un lenguaje rápido
• Diferente de Objective-C
• Aprendizaje sincrónico con Obejctive-C y Android Studio usando lenguaje Java

Blog de referencia

---

diseño

Primero mira un error:

La función declara un tipo de retorno opaco, pero no tiene declaraciones de retorno en su cuerpo a partir de las cuales inferir un tipo subyacente:

La razón es que solo puede existir un diseño en el
cuerpo de var: alguna Vista { } , y cualquier contenido más reportará un error; por lo tanto, solo podemos anidar diseños en un diseño grande.

• HStack se coloca horizontalmente, VStack se coloca verticalmente

---

Agregar componentes

• En el pasado, Android podía arrastrar y soltar componentes en archivos xml para completar el diseño de la interfaz de usuario. En el desarrollo de ios con objetivo-c, arrastrar y soltar componentes para completar el diseño de la interfaz de usuario a través del guión gráfico; ambos se pueden separar de la interfaz gráfica y el código.
• La forma actual es escribir el código / arrastrar y soltar el componente para generar automáticamente el código y luego obtener una vista previa del diseño de diseño actual en el lienzo junto a él.

Componentes comunes

• Etiqueta

Text("手机软件开发") // 是一个label

@State var account: String = "" //变量声明
@State var password: String = ""

• Campo de texto

HStack {
    
    
                Image(systemName: "person")
                TextField("用户名", text: $account, onCommit: {
    
    
                })
            }.padding(.all, 25.0)

• Redacción de eventos de botón y acción

Button(action: {
    
    
                    print("login action")
                }) {
    
    
                    Text("登陆")
                }.padding(.all, 25.0)

---

interfaz

La interfaz principal está en el archivo
ContentView.swift . ¿ Corresponde a MainActivity de Android y Main.storyboard de iOS basado en OC?
(Revisión: el
desarrollo de ios basado en OC de múltiples interfaces es para crear ViewController,
Android para crear Activity.java y el elemento de actividad debe declararse en el archivo AndroidManifest.xml)

---

Variables y constantes

@state variable constante normal

---

Salto de página

Revisión: en el
desarrollo de iOS basado en OC, la transición entre el control y ViewController en el modo de guión gráfico se completa directamente
. En el desarrollo de Android de Android Studio: use la intención para saltar

Utilice NavigationView en SwiftUI

NavigationView {
    
    
            NavigationLink(
                destination: LoginView(),isActive: $loginAccountIsActive){
    
    
                    Text("点我跳转")
                }
            
        }

Date cuenta del efecto: