এই যে! আমি আপনাকে   iOS এবং macOS-এ ব্যবহারকারী ইন্টারফেস তৈরির জন্য একটি কাঠামো। এটি ব্যবহার করা খুব সুবিধাজনক কারণ এটি প্রোগ্রামিংয়ের একটি ঘোষণামূলক পদ্ধতির নিয়োগ করে। SwiftUI এর সাহায্যে, আপনি বর্ণনা করতে পারেন যে আপনার ইন্টারফেসটি কী করা উচিত এবং কেমন হওয়া উচিত এবং ফ্রেমওয়ার্ক বাকিটির যত্ন নেবে। SwiftUI সম্পর্কে বলতে চাই,  SwiftUI এর অন্যতম প্রধান উপাদান হল প্রপার্টি র‍্যাপার ব্যবহার করা। এইগুলি কার্যকরী উপাদান যা আপনাকে বৈশিষ্ট্যগুলির জন্য অতিরিক্ত যুক্তি প্রদান করতে দেয়।  SwiftUI এর  পাঁচটি প্রধান সম্পত্তির মোড়ক রয়েছে:   @অবস্থা   @ বাঁধাই   @অবজার্ভডঅবজেক্ট   @StateObject   @এনভায়রনমেন্ট অবজেক্ট  তারা উন্নয়নে আপনার সেরা বন্ধু হয়ে উঠবে।   @অবস্থা    আপনাকে এমন বৈশিষ্ট্যগুলি তৈরি করতে দেয় যা পরিবর্তন করা যেতে পারে এবং প্রয়োজন হলে, এই পরিবর্তনগুলির উপর ভিত্তি করে ইন্টারফেস আপডেট করুন। উদাহরণস্বরূপ, আপনি যদি এমন একটি বোতাম তৈরি করতে চান যা চাপলে এর রঙ পরিবর্তন করে, আপনি রঙ সংরক্ষণ করতে এবং বোতামে এটি যুক্ত করতে একটি @State ভেরিয়েবল তৈরি করতে পারেন: @State   struct MyButton: View { @State var buttonColor = Color.blue var body: some View { Button("Press me!") { buttonColor = Color.red } .background(buttonColor) } }  @ বাঁধাই    আপনাকে   এটি সাধারণত সুইফটইউআই-এ ব্যবহার করা হয় একটি ভিউ থেকে অন্য ভিউতে একটি মান পাস করার জন্য, তাদের একে অপরের সাথে যোগাযোগ করার অনুমতি দেয়। উদাহরণস্বরূপ, কল্পনা করুন আমাদের দুটি দর্শন রয়েছে - একটি পাঠ্য ক্ষেত্র সহ এবং অন্যটি একটি বোতাম সহ। ব্যবহারকারী যখন বোতাম টিপে তখন আমরা পাঠ্য ক্ষেত্রটি আপডেট করতে চাই। এটি করার জন্য, আমরা @Binding ব্যবহার করতে পারি: @Binding কোডের এক অংশে কোডের অন্য অংশে সংরক্ষিত একটি মান ব্যবহার করতে দেয়।   struct ContentView: View { @State private var text = "" var body: some View { VStack { TextField("Enter text", text: $text) Button("Update text") { text = "New text" } SecondView(text: $text) } } } struct SecondView: View { @Binding var text: String var body: some View { Text(text) } }  এই উদাহরণে,   ব্যবহার করা হয়   (যা   এ আছে) থেকে   (যা   তে আছে), তাই যখন ব্যবহারকারী বোতাম টিপে, টেক্সট ফিল্ড আপডেট করবে এবং নতুন টেক্সট প্রদর্শন করবে। @Binding $text ContentView- টেক্সটে সেকেন্ডভিউ-   @অবজার্ভডঅবজেক্ট    বৈশিষ্ট্যগুলি চিহ্নিত করতে ব্যবহৃত হয় যা     এই প্রপার্টি র‍্যাপার অবজেক্টের পরিবর্তনে সাবস্ক্রাইব করে যা   সাথে সামঞ্জস্য করে এবং ডেটা পরিবর্তিত হলে ইন্টারফেসের প্রাসঙ্গিক অংশগুলি স্বয়ংক্রিয়ভাবে আপডেট করে। এখানে   ব্যবহার করার একটি সংক্ষিপ্ত উদাহরণ: @ObservedObject পর্যবেক্ষণ করা হয় এবং বহিরাগত ডেটা পরিবর্তনের উপর নির্ভর করে পরিবর্তন হতে পারে। ObservableObject প্রোটোকলের @ObservedObject   class UserData: ObservableObject { @Published var name = "John" } struct ContentView: View { @ObservedObject var userData = UserData() var body: some View { VStack { Text("Hello, \(userData.name)!") TextField("Enter your name", text: $userData.name) } } }  এই উদাহরণে, আমরা UserData নামে একটি ক্লাস তৈরি করি, যেটিতে একটি @Published নাম রয়েছে। ContentView কাঠামোতে, আমরা   আমরা userData.name এর মান একটি পাঠ্য ক্ষেত্রে প্রদর্শন করি এবং এটি স্ক্রিনে আউটপুট করি। @ObservedObject ব্যবহার করে UserData টাইপ সহ userData নামে একটি প্রপার্টি তৈরি করি।  ব্যবহারকারী যখন   তখন SwiftUI স্বয়ংক্রিয়ভাবে ইন্টারফেসের সংশ্লিষ্ট অংশ আপডেট করে, কারণ   সম্পত্তি   এর মানে ইন্টারফেস আপডেট করার জন্য আমাদের নিজস্ব কোডের প্রয়োজন নেই এবং আমরা SwiftUI কে আমাদের জন্য এটি করার অনুমতি দিই। টেক্সট ফিল্ডে মান পরিবর্তন করে, নামের @Published ব্যবহার করে প্রকাশিত ও পর্যবেক্ষণ করা হয়।    আপনি যদি না জানেন, @Published হল কম্বাইন ফ্রেমওয়ার্ক থেকে একটি প্রপার্টি র‍্যাপার যা একটি ক্লাস বা স্ট্রাকচার প্রপার্টিতে যোগ করা যেতে পারে, যা স্বয়ংক্রিয়ভাবে সেই সম্পত্তির মান পরিবর্তনের বিজ্ঞপ্তি পাঠায় যে কেউ এটিতে সদস্যতা নিয়েছে। . অন্য কথায়, এটি বৈশিষ্ট্যগুলির জন্য একটি সহায়ক বৈশিষ্ট্য যা পরিবর্তনের জন্য ট্র্যাক করা যেতে পারে। দ্রষ্টব্য:   @StateObject    হল একটি প্রপার্টি র‍্যাপার যা   এর মানে হল যে অবজেক্টটি যতক্ষণ পর্যন্ত দৃশ্যটি বিদ্যমান থাকে ততক্ষণ সংরক্ষণ করা হয় এবং এটির সাথে ধ্বংস হয়ে যায়। সাধারণত,   ব্যবহার করা ক্লাস অবজেক্টের জন্য আরও ব্যবহারিক যেগুলি   দর্শনের জন্য প্রয়োজন, শুধুমাত্র   উদাহরণ স্বরূপ: @StateObject একটি ক্লাস অবজেক্ট শুরু করতে এবং SwiftUI-তে ভিউ স্টেটে সংরক্ষণ করতে ব্যবহৃত হয়। @StateObject একাধিক একটি নয়।   class UserData: ObservableObject { @Published var name = "John" @Published var age = 30 } struct ContentView: View { @StateObject var userData = UserData() var body: some View { NavigationView { VStack { Text("Name: \(userData.name)") Text("Age: \(userData.age)") NavigationLink( destination: ProfileView(userData: userData), label: { Text("Edit Profile") }) } .navigationTitle("Home") } } } struct ProfileView: View { @ObservedObject var userData: UserData var body: some View { Form { TextField("Name", text: $userData.name) Stepper("Age: \(userData.age)", value: $userData.age) } .navigationTitle("Profile") } }  এই উদাহরণে,   হল একটি ক্লাসের একটি অবজেক্ট যাতে বেশ কয়েকটি বৈশিষ্ট্য রয়েছে যা একাধিক দর্শনে ব্যবহার করা যেতে পারে। ক্লাসটি   হিসাবে চিহ্নিত করা হয়েছে তাই এটি   এবং   এর সাথে ব্যবহার করা যেতে পারে। UserData ObservableObject @StateObject @ObservedObject    আমরা   ব্যবহার করে একটি নতুন   অবজেক্ট তৈরি করি যাতে বিভিন্ন ভিউয়ের মধ্যে ট্রানজিশনের মধ্যে স্টেট সেভ করা যায়। এই ক্ষেত্রে,   ব্যবহারকারীর ডেটা প্রদর্শন করে, এটিকে ভিজ্যুয়ালাইজ করে এবং অন্য ভিউ   এর একটি লিঙ্ক রয়েছে যা ব্যবহারকারীর ডেটা সম্পাদনা করতে ব্যবহার করা যেতে পারে। ContentView-এ, @StateObject UserData ContentView (প্রোফাইলভিউ)    এ, আমরা ব্যবহারকারীর ডেটা পরিবর্তন করতে   ব্যবহার করে একই   অবজেক্টে অ্যাক্সেস পাই। যখন ব্যবহারকারী ডেটা পরিবর্তন করে, তখন এটি স্বয়ংক্রিয়ভাবে   এ আপডেট হয় কারণ একই   অবজেক্ট ব্যবহার করা হয়। ProfileView- @ObservedObject UserData ContentView- UserData    @ObservedObject ব্যবহার করুন যদি আপনি একটি ভিউ থেকে একটি ক্লাস অবজেক্টে পরিবর্তনগুলি পর্যবেক্ষণ করতে চান এবং @StateObject ব্যবহার করুন যদি আপনি একটি ক্লাস অবজেক্টের অবস্থা সংরক্ষণ করতে চান যা একাধিক দর্শনের প্রদর্শনকে প্রভাবিত করে। দ্রষ্টব্য:   আপনি যদি একাধিক ভিউয়ের জন্য প্রয়োজনীয় একটি বস্তুর জন্য @StateObject-এর পরিবর্তে @ObservedObject ব্যবহার করেন, তাহলে প্রতিটি ভিউতে অবজেক্টের নিজস্ব ইন্সট্যান্স থাকবে, যা ভিউগুলির মধ্যে ডেটা সিঙ্ক্রোনাইজেশনে সমস্যা সৃষ্টি করতে পারে। অতএব, এই ক্ষেত্রে, @StateObject ব্যবহার করা ভাল।   @এনভায়রনমেন্ট অবজেক্ট    হল একটি প্রপার্টি র‍্যাপার যাতে   এটি এনভায়রনমেন্ট কন্টেইনার (যেমন, দৃশ্য, দৃশ্য, অ্যাপ, ইত্যাদি) এর অন্তর্গত SwiftUI অনুক্রমের যেকোনো ভিউ থেকে ডেটা অবজেক্টে অ্যাক্সেসের অনুমতি দেয়। উদাহরণস্বরূপ, কল্পনা করুন আমাদের কাছে একটি টাস্ক লিস্ট ম্যানেজমেন্ট অ্যাপ আছে। আমাদের কাছে একটি রুট   থাকতে পারে যাতে কাজের তালিকা এবং নতুন কাজ তৈরি করার ক্ষমতা থাকে। এর জন্য, আমরা একটি পৃথক   ভিউ তৈরি করি যা কাজের তালিকা এবং নতুন কাজ যোগ করার জন্য একটি বোতাম প্রদর্শন করে। একটি নতুন টাস্ক যোগ করার পরে, ব্যবহারকারীকে অ্যাড টাস্ক স্ক্রিনে পুনঃনির্দেশিত করা উচিত, তাই আমরা একটি পৃথক   ভিউ তৈরি করি। @EnvironmentObject সুইফটইউআই ভিউ হায়ারার্কির মাধ্যমে ডেটা অবজেক্ট পি অ্যাসিং করা যায়। কন্টেন্টভিউ TaskListView AddTaskView  তিনটি ভিউতে   অবজেক্টটি পাস করতে, আমরা   এ এর উদাহরণ তৈরি করতে পারি এবং তারপর এটিকে একটি প্যারামিটার হিসাবে   এবং   উভয়ের কাছে পাস করতে পারি। যাইহোক, এটি একটি সমস্যা হয়ে উঠতে পারে যদি আমরা আরও বেশি নেস্টেড ভিউ যোগ করার সিদ্ধান্ত নিই, কারণ আমাদের অনেক মধ্যবর্তী ভিউয়ের মধ্য দিয়ে   পাস করতে হবে। UserManager ContentView- TaskListView AddTaskView UserManager  এর পরিবর্তে, আমরা   ব্যবহার করতে পারি   ভিউ হায়ারার্কির মাধ্যমে পাস করতে। এইভাবে,   এ অ্যাক্সেসের প্রয়োজন এমন সমস্ত দৃশ্যগুলিকে সহজভাবে একটি   হিসাবে ঘোষণা করতে পারে এবং প্রয়োজনে এটি ব্যবহার করতে পারে। @EnvironmentObject ব্যবহারকারী ম্যানেজারকে UserManager- @EnvironmentObject   struct TaskManagerApp: App { @StateObject var userManager = UserManager() var body: some Scene { WindowGroup { ContentView() .environmentObject(userManager) } } } struct ContentView: View { var body: some View { NavigationView { TaskListView() } } } struct TaskListView: View { @EnvironmentObject var userManager: UserManager var body: some View { List(userManager.tasks) { task in TaskRow(task: task) } .navigationBarTitle("Tasks") .navigationBarItems(trailing: Button(action: { // Navigate to AddTaskView }) { Image(systemName: "plus") } ) } } struct AddTaskView: View { @EnvironmentObject var userManager: UserManager var body: some View { // Add new task using userManager } }  সুতরাং, এখন   অবজেক্ট স্বয়ংক্রিয়ভাবে   এর মাধ্যমে   এবং   এ পাস করা হবে। মনে রাখবেন যে আমরা একটি ভিউতে   এর অবস্থা পরিবর্তন করতে পারি, এবং পরিবর্তনগুলি স্বয়ংক্রিয়ভাবে অন্য ভিউতে প্রতিফলিত হবে।  UserManager @EnvironmentObject TaskListView AddTaskView- UserManager-  নিবন্ধটি মৌলিক SwiftUI সম্পত্তির মোড়কগুলিকে কভার করেছে:  @State, @Binding, @ObservedObject, @StateObject, @EnvironmentObject।  এই সম্পত্তির মোড়কগুলি SwiftUI-তে অ্যাপ স্টেটের সাথে কাজ করার ভিত্তি তৈরি করে। আপনার নখদর্পণে মৌলিক সম্পত্তি মোড়ক পেতে এই নিবন্ধটি একটি চিট শীট হিসাবে ব্যবহার করুন, SwiftUI-এর সাথে অ্যাপ্লিকেশনগুলি তৈরি করার জন্য প্রয়োজনীয়৷ এই জ্ঞান প্রয়োগ করে, আপনি গতিশীলভাবে পরিবর্তনশীল অবস্থার সাথে আরও জটিল ইউজার ইন্টারফেস তৈরি করতে এবং আপনার মডেলগুলি থেকে সুইফটইউআই-তে ডেটা সংহত করতে সক্ষম হবেন।

The code in this story is for educational purposes. The readers are solely responsible for whatever they build with it.

Walkthroughs, tutorials, guides, and tips. This story will teach you how to do something new or how to do something better.

Read My Stories

গল্পের মূল ভাষায় এই অডিও তৈরি!

SwiftUI এর 5 প্রধান সম্পত্তির মোড়ক এবং কীভাবে সেগুলি কার্যকরভাবে ব্যবহার করবেন

About Author

মন্তব্য

আসে ট্যাগ

এই নিবন্ধটি উপস্থাপন করা হয়েছে

Related Stories

ক্লাউড সনেট 3.5 সিস্টেম প্রম্পট লিক: একটি ফরেনসিক বিশ্লেষণ

AI এর শক্তি উন্মুক্ত করা। কাটিং-এজ টেকনিকের একটি পদ্ধতিগত পর্যালোচনা: বিমূর্ত ও ভূমিকা

সফল ক্লাউড মাইগ্রেশনের সম্পূর্ণ নির্দেশিকা: কৌশল এবং সর্বোত্তম অনুশীলন

ফোরাম থেকে ফিড পর্যন্ত: কীভাবে সোশ্যাল মিডিয়া অ্যালগরিদম ডিজিটাল ইন্টারঅ্যাকশনকে আকার দেয়

ক্লাউড সনেট 3.5 সিস্টেম প্রম্পট লিক: একটি ফরেনসিক বিশ্লেষণ

AI এর শক্তি উন্মুক্ত করা। কাটিং-এজ টেকনিকের একটি পদ্ধতিগত পর্যালোচনা: বিমূর্ত ও ভূমিকা

সফল ক্লাউড মাইগ্রেশনের সম্পূর্ণ নির্দেশিকা: কৌশল এবং সর্বোত্তম অনুশীলন

ফোরাম থেকে ফিড পর্যন্ত: কীভাবে সোশ্যাল মিডিয়া অ্যালগরিদম ডিজিটাল ইন্টারঅ্যাকশনকে আকার দেয়

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps