SwiftUI에 대한 기본 정보

Muchas gracias por leer mi artículo espero que lo disfrutes y sobretodo que puedas rescatar 아이디어 y así ayudarte en tu aprendizaje.

SwiftUI

Es un framework creado con el lenguaje official de Apple, Swift. Una de las grandes ventajas es que nos permite desarrollar aplicaciones de forma mucho más rápida en comparación con UIKit y sobretodo se tardarán mucho menos en compilar debido a que utilizan menos código que una aplicación creada con UIKit. 중요한 점을 고려하여 SwiftUI는 Apple의 에코시스템에 대한 미래를 결정하고 계속해서 반대하는 방향으로 전환해야 합니다.

SwiftUI의 개념은 중요합니다. Debemos Comprender Debemos Comprender de SwiftUI es que todo lo que veremos en pantalla será una vista o View, a cada View podemos asignarles modificadores, el cual son denomiandos ViewModifier, estos allowen personalizar nuestras vistas y conseguir el diseño que buscamos.

Explicando con ejemplo

실제 이 튜토리얼은 SwiftUI에서 응용 프로그램을 생성하고 스택을 사용하여 스택을 사용하고 앱을 렌더링할 수 있는 권한이 없습니다.

스택(필라)

VStack -> Permite renderiza Views de forma Vertical

VStack {
           // View
            Text("🎯🎯🎯\nPUT THE BULLSEYE AS CLOSE AS YOU CAN TO")
           // ViewModifier
                .bold()
                .kerning(2.0)
                .multilineTextAlignment(.center)
                .lineSpacing(4.0)
                .font(.footnote)

            Text("89")
                .kerning(-1.0)
                .font(.largeTitle)
                .fontWeight(.black)

HStack -> VStack이 가로형 형식으로 잘못 작동하도록 구성

HStack {
                Text("1")
                    .font(.callout)
                    .bold()

                Slider(value: .constant(50.0), in: 1.0...100.0)

                Text("100")
                    .font(.callout)
                    .bold()
            }

ZStack -> No lo e utilizado mucho, sólo para aplicar color al fondo de la pantalla de la app, pero no lo e utilizado con otros fines al mencionado.

De todas formas se vendrá un artículo hablando sobre los Stack en SwiftUI.

La gran ventaja de usar Stack es poder combinarlo entre sí y sacar mayor proofcho en la creación de interface, dejo el código complete utilizado:

VStack {
            Text("🎯🎯🎯\nPUT THE BULLSEYE AS CLOSE AS YOU CAN TO")
                .bold()
                .kerning(2.0)
                .multilineTextAlignment(.center)
                .lineSpacing(4.0)
                .font(.footnote)

            Text("89")
                .kerning(-1.0)
                .font(.largeTitle)
                .fontWeight(.black)
            HStack {
                Text("1")
                    .font(.callout)
                    .bold()

                Slider(value: .constant(50.0), in: 1.0...100.0)

                Text("100")
                    .font(.callout)
                    .bold()
            }

            Button(action: {
                print("Click the button")
            }, label: {
                Text("Click Me!")
                    .frame(width: 100, height: 46)
                    .background(Color.blue)
                    .foregroundColor(.white)
                    .cornerRadius(10)
            })
        }
        .padding(.all)

Como luce la pantalla con el código anterior:



Me despido, espero que haya sido bastante útil este artículo y sobretodo puedas sacar algo positivo. 😇