বর্ডার ব্যবহার করার নির্দেশিকা Flutter

প্রোগ্রামিংয়ে Flutter, বর্ডার ব্যবহার করা আপনার UI উপাদানগুলির জন্য সু-সংজ্ঞায়িত রূপরেখা তৈরি করার একটি গুরুত্বপূর্ণ অংশ। সীমানা আপনাকে চিত্র, পাত্রে এবং বোতামগুলির মতো উপাদানগুলির জন্য কাস্টম রূপরেখা তৈরি করতে দেয়৷ এই নিবন্ধে, আমরা আপনার Flutter অ্যাপ্লিকেশনের মধ্যে উপাদানগুলির জন্য রূপরেখা তৈরি করতে কীভাবে বর্ডার ব্যবহার করতে হয় তা অন্বেষণ করব।

বেসিক বর্ডার

আপনি Border একটি নির্দিষ্ট জন্য একটি সীমানা তৈরি করতে ক্লাস ব্যবহার করতে পারেন widget । নীচে একটি আয়তক্ষেত্রের জন্য একটি সীমানা তৈরির একটি উদাহরণ:

Container(  
  width: 100,  
  height: 100,  
  decoration: BoxDecoration(  
    border: Border.all(width: 2.0, color: Colors.blue), // Create a border with width 2 and blue color  
 ),  
)  

বিভিন্ন দিকে সীমান্ত

আপনি একটি এর প্রতিটি পাশের জন্য সীমানা কাস্টমাইজ করতে পারেন widget:

Container(  
  width: 100,  
  height: 100,  
  decoration: BoxDecoration(  
    border: Border(  
      left: BorderSide(width: 2.0, color: Colors.red),   // Left border  
      right: BorderSide(width: 2.0, color: Colors.green), // Right border  
      top: BorderSide(width: 2.0, color: Colors.blue),    // Top border  
      bottom: BorderSide(width: 2.0, color: Colors.yellow),// Bottom border  
   ),  
 ),  
)  

সঙ্গে সীমানা কাস্টমাইজ করা Radius

আপনি BorderRadius সীমানার কোণগুলি বৃত্তাকার করতে ব্যবহার করতে পারেন:

Container(  
  width: 100,  
  height: 100,  
  decoration: BoxDecoration(  
    border: Border.all(width: 2.0, color: Colors.blue),  
    borderRadius: BorderRadius.circular(10.0), // Round corners with a radius of 10  
 ),  
)  

বক্সসজ্জা সঙ্গে সমন্বয়

আপনি আরও জটিল সীমানা প্রভাব এবং আকার তৈরি করতে Border সঙ্গে এর ব্যবহার একত্রিত করতে পারেন । BoxDecoration

 

উপসংহার:

আপনার UI উপাদানগুলির জন্য কাস্টম রূপরেখা তৈরি করার জন্য বর্ডার ব্যবহার করা Flutter একটি শক্তিশালী উপায়। সীমানার প্রস্থ, রঙ এবং কোণ কাস্টমাইজ করে, আপনি আপনার অ্যাপ্লিকেশনের জন্য অনন্য এবং আকর্ষক ইন্টারফেস তৈরি করতে পারেন।