UIAlertController এবং Action Sheets

Mobile App Development - আইওএস ডেভেলপমেন্ট (iOS) - User Interaction এবং Event Handling
232

UIAlertController এবং Action Sheets

UIAlertController হলো UIKit-এর একটি কম্পোনেন্ট যা iOS অ্যাপ্লিকেশনে এলার্ট মেসেজ এবং অ্যাকশন শীট প্রদর্শন করতে ব্যবহৃত হয়। এটি ব্যবহারকারীর কাছে বিভিন্ন অপশন বা তথ্য প্রদর্শন করার জন্য ব্যবহার করা হয়, যেমন কনফার্মেশন, ইনফরমেশন, বা অ্যাকশন নেওয়ার প্রম্পট। UIAlertController-এর মাধ্যমে আপনি সহজেই Alert এবং Action Sheet তৈরি করতে পারেন।


UIAlertController

UIAlertController মূলত দুটি ভিন্ন শৈলীতে ব্যবহার করা যায়:

  1. Alert: একটি পপ-আপ মেসেজ হিসেবে প্রদর্শিত হয়, যা ব্যবহারকারীর দৃষ্টি আকর্ষণ করে এবং নির্দিষ্ট কাজ (যেমন, কনফার্মেশন বা সতর্কীকরণ) সম্পন্ন করতে ব্যবহার করা হয়।
  2. Action Sheet: স্ক্রিনের নিচের অংশ থেকে স্লাইড করে আসে এবং ব্যবহারকারীকে একাধিক অপশন বা অ্যাকশন বেছে নিতে সাহায্য করে।

UIAlertController এর মৌলিক ব্যবহার:

let alertController = UIAlertController(title: "Title", message: "This is a message.", preferredStyle: .alert)

1. Alert ব্যবহার করা

Alert সাধারণত কনফার্মেশন, ইনফরমেশন বা সতর্কতা প্রদর্শনের জন্য ব্যবহৃত হয়। এটি স্ক্রিনের কেন্দ্রে প্রদর্শিত হয় এবং এটি একটি বা একাধিক অ্যাকশন (বোতাম) থাকতে পারে।

উদাহরণ:

let alertController = UIAlertController(title: "Alert", message: "Are you sure you want to proceed?", preferredStyle: .alert)

// Cancel Action
let cancelAction = UIAlertAction(title: "Cancel", style: .cancel, handler: nil)

// Confirm Action
let confirmAction = UIAlertAction(title: "OK", style: .default) { (action) in
    print("Confirmed!")
}

// Add Actions to Alert Controller
alertController.addAction(cancelAction)
alertController.addAction(confirmAction)

// Present Alert
present(alertController, animated: true, completion: nil)

UIAlertAction এর ধরন:

  1. .default: সাধারণ অ্যাকশন, যা কনফার্মেশন বা অন্যান্য সাধারণ কাজের জন্য ব্যবহৃত হয়।
  2. .cancel: বাতিল করার জন্য ব্যবহৃত হয়। সাধারণত অ্যাকশন লিস্টে আলাদা ভাবে হাইলাইট করা হয়।
  3. .destructive: ধ্বংসাত্মক বা গুরুত্বপুর্ণ অ্যাকশন যেমন ডিলিট করা, রিসেট করা ইত্যাদির জন্য ব্যবহৃত হয় এবং সাধারণত লাল রঙে প্রদর্শিত হয়।

Input বা TextField সহ Alert:

UIAlertController-এ আপনি TextField যোগ করতে পারেন যাতে ব্যবহারকারী ইনপুট দিতে পারে।

let alertController = UIAlertController(title: "Login", message: "Enter your credentials", preferredStyle: .alert)
alertController.addTextField { (textField) in
    textField.placeholder = "Username"
}
alertController.addTextField { (textField) in
    textField.placeholder = "Password"
    textField.isSecureTextEntry = true
}

// OK Action
let loginAction = UIAlertAction(title: "Login", style: .default) { (action) in
    if let username = alertController.textFields?[0].text, let password = alertController.textFields?[1].text {
        print("Username: \(username), Password: \(password)")
    }
}

// Cancel Action
let cancelAction = UIAlertAction(title: "Cancel", style: .cancel, handler: nil)

alertController.addAction(loginAction)
alertController.addAction(cancelAction)

present(alertController, animated: true, completion: nil)

2. Action Sheet ব্যবহার করা

Action Sheet সাধারণত স্ক্রিনের নিচ থেকে উপরে উঠে আসে এবং এটি বিভিন্ন অপশন বা অ্যাকশন প্রদর্শন করে। এটি ব্যবহারকারীকে একাধিক বিকল্প থেকে বেছে নিতে সাহায্য করে।

উদাহরণ:

let actionSheetController = UIAlertController(title: "Choose an Option", message: "Please select one of the options below.", preferredStyle: .actionSheet)

// Option 1
let option1 = UIAlertAction(title: "Option 1", style: .default) { (action) in
    print("Option 1 selected")
}

// Option 2
let option2 = UIAlertAction(title: "Option 2", style: .default) { (action) in
    print("Option 2 selected")
}

// Cancel
let cancelAction = UIAlertAction(title: "Cancel", style: .cancel, handler: nil)

// Add Actions
actionSheetController.addAction(option1)
actionSheetController.addAction(option2)
actionSheetController.addAction(cancelAction)

// Present Action Sheet
present(actionSheetController, animated: true, completion: nil)

iPad-এ Action Sheet ব্যবহার করার সময় সতর্কতা

iPad-এ Action Sheet প্রদর্শন করার সময় এটি popover হিসেবে দেখা যায়। এক্ষেত্রে আপনি popoverPresentationController ব্যবহার করে একটি উৎস ভিউ (sourceView) নির্ধারণ করতে হবে, যাতে এটি ঠিকভাবে পজিশন হয়। উদাহরণ:

if let popoverController = actionSheetController.popoverPresentationController {
    popoverController.sourceView = self.view
    popoverController.sourceRect = CGRect(x: self.view.bounds.midX, y: self.view.bounds.midY, width: 0, height: 0)
    popoverController.permittedArrowDirections = []
}

UIAlertController এবং Action Sheets এর ব্যবহারের কিছু টিপস

  1. একাধিক অ্যাকশন: UIAlertController-এ একাধিক অ্যাকশন যোগ করা যায় এবং প্রত্যেক অ্যাকশনে নির্দিষ্ট কাজ সম্পন্ন করা যায়।
  2. ধ্বংসাত্মক অ্যাকশন: ধ্বংসাত্মক অ্যাকশন (যেমন, "Delete" বোতাম) .destructive স্টাইল ব্যবহার করে হাইলাইট করা যায়।
  3. কাস্টমাইজড মেসেজ: আপনি UIAlertController-এ ডাইনামিক মেসেজ এবং টাইটেল সেট করতে পারেন ব্যবহারকারীর ইন্টারঅ্যাকশনের ভিত্তিতে।

সংক্ষেপে:

  • UIAlertController iOS অ্যাপে ব্যবহারকারীকে তথ্য প্রদান, কনফার্মেশন গ্রহণ, এবং বিভিন্ন অপশন বা অ্যাকশন নির্বাচিত করার সুযোগ দেয়।
  • Alert সাধারণত সতর্কবার্তা বা কনফার্মেশনের জন্য ব্যবহৃত হয়।
  • Action Sheet স্ক্রিনের নিচ থেকে উঠে আসে এবং বিভিন্ন অপশন বা অ্যাকশন বেছে নিতে ব্যবহৃত হয়।

UIAlertController এবং Action Sheets ব্যবহার করে iOS অ্যাপে আরও ইন্টারেক্টিভ এবং ব্যবহারকারী-বান্ধব ইন্টারফেস তৈরি করা যায়।

Content added By
Promotion
NEW SATT AI এখন আপনাকে সাহায্য করতে পারে।

Are you sure to start over?

Loading...