آشنایی با Binding@ در SwiftUI – به زبان ساده

1import SwiftUI
2struct ContentView: View {
3var body: some View {
4    Text(”Hello World!”)
5  }
6}
7struct ContentView_Previews: PreviewProvider {  
8static var previews: some View {
9     ContentView()
10   }
11}

1VStack {
2   Text("Hello World!")
3   Button("Plus One"){
4      //Action Goes Here
5   }
6}

1VStack{
2   Text(”Hello World!”)
3   Button(action: {
4   //Button action goes here
5   }){
6      Text(“Plus One”)
7     }
8}

1Text("Hello World")
2   .font(.largeTitle) // Font type

1Text(“Hello World”) // Button Text
2   .background(Color.orange) // Button Background Color

1Text(“Hello World”) // Button Text
2   .foregroundColor(Color.white) // Button text color

1Text(“Hello World”) // Button Text
2   .cornerRadius(10.0) // Button corner radius property

1//Vertical Stack
2VStack {
3   //Text containing current value
4   Text("Hello World")
5      .font(.largeTitle)  // Font type or size
6      .fontWeight(.bold)  // Font style
7   
8   Button(action: {
9         //Button on click action goes here
10      }){
11      
12      //Button Text a& its properties
13      Text("Plus One")
14         .font(.title)   // Font type or size
15         .fontWeight(.bold)  // Font style
16         .foregroundColor(Color.white) // Text Color
17         .padding(16)    // Padding to the button
18         .background(Color.orange) // Background color of the button
19         .cornerRadius(10)   // Corner radius to make edges circular
20      }
21}

1State@ var currentValue = 0

1Text(“\(currentValue)”)
2   .font(.largeTitle) // Font type or size
3   .fontWeight(.bold) // Font style

1self.currentValue += 1

1//
2//  ContentView.swift
3//  State-Demo
4//
5//  Created by Mayur on 14/10/19.
6//  Copyright © 2019 Mayur Rathod. All rights reserved.
7//
8import SwiftUI
9struct ContentView: View {
10    
11   @State var currentValue = 0
12   
13   var body: some View {
14   //Vertical Stack
15   VStack {
16      //Text containing current value
17      Text("\(currentValue)")
18         .font(.largeTitle)  // Font type or size
19         .fontWeight(.bold)  // Font style
20Button(action: {
21       //Button on click action goes here
22       self.currentValue += 1
23   }){
24      //Button Text a& its properties
25      Text("Plus One")
26         .font(.title)   // Font type or size
27         .fontWeight(.bold)  // Font style
28         .foregroundColor(Color.white) // Text Color
29         .padding(16)    // Padding to the button
30         .background(Color.orange) // Background color of the button
31         .cornerRadius(10)   // Corner radius to make edges circular
32   }
33  }
34}
35struct ContentView_Previews: PreviewProvider {
36    static var previews: some View {
37        ContentView()
38    }
39}

1import SwiftUI
2struct BindingView: View {
3var body: some View {
4    Text(”Hello World!”)
5  }
6}
7struct BindingView_Previews: PreviewProvider {  
8static var previews: some View {
9     BindingView()
10   }
11}

1var body: some View {
2   VStack {
3      Button(action: {
4         //Button action goes here
5      }){
6         Text(“Minus One”)
7            .font(.title)
8            .fontWeight(.bold)
9            .foregroundColor(Color.white) 
10            .padding(16)
11            .background(Color.blue)
12            .cornerRadius(10)
13        }
14    }
15}

1Binding@ var valueFromParent: Int

1self.valueFromParent -= 1

1import SwiftUI
2struct BindingView: View {
3   @Binding var valueFromParent : Int
4   
5   var body: some View {
6      VStack {
7         Button(action: {
8            self.valueFromParent -= 1
9      }){
10          Text(“Minus One”)
11             .font(.title)
12             .fontWeight(.bold)
13             .foregroundColor(Color.white)
14             .padding(16)
15             .background(Color.blue)
16             .cornerRadius(10)
17         }
18      }
19   }
20}
21struct BindingView_Previews: PreviewProvider {
22   static var previews: some View {
23       BindingView(valueFromParent: .constant(0))
24   }
25}

1import SwiftUI
2struct ContentView: View {
3   @State var currentValue = 0
4   
5   var body: some View {
6   //Vertical Stack
7   VStack {
8      //Text containing current value
9      Text(“\(currentValue)”)
10         .font(.largeTitle) // Font type or size
11         .fontWeight(.bold) // Font style
12      Button(action: {
13         //Button on click action goes here
14         self.currentValue += 1
15      }){
16       //Button Text a& its properties
17       Text(“Plus One”)
18         .font(.title) // Font type or size
19         .fontWeight(.bold) // Font style
20         .foregroundColor(Color.white) // Text Color
21         .padding(16) // Padding to the button
22         .background(Color.orange) // Background color of the button
23         .cornerRadius(10) // Corner radius to make edges circular
24      }
25     
26       //Child View
27       BindingView(valueFromParent: $currentValue)
28    }
29   }
30}
31struct ContentView_Previews: PreviewProvider {
32   static var previews: some View {
33     ContentView()
34   }
35}

1import SwiftUI
2struct BindingView: View {
3   @Binding var valueFromParent : Int
4      var body: some View {
5      VStack {
6         Button(action: {
7            self.valueFromParent -= 1
8         }){
9         Text(“Minus One”)
10          .font(.title)
11          .fontWeight(.bold)
12          .foregroundColor(Color.white)
13          .padding(16)
14          .background(Color.blue)
15          .cornerRadius(10)
16         }
17      }
18   }
19}
20struct BindingView_Previews: PreviewProvider {
21   static var previews: some View {
22      BindingView(valueFromParent: .constant(0))
23   }
24}