मा सीमाना प्रयोग गर्न गाइड 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  
 ),  
)  

BoxDecoration संग संयोजन

तपाईं थप जटिल सीमा प्रभाव र आकारहरू सिर्जना गर्न Border with को प्रयोग संयोजन गर्न सक्नुहुन्छ । BoxDecoration

 

निष्कर्ष:

तपाईंको UI तत्वहरूको लागि अनुकूल रूपरेखाहरू सिर्जना गर्नको लागि सीमाना प्रयोग गर्नु Flutter एक शक्तिशाली तरिका हो। सीमाको चौडाइ, रङ र कुनाहरू अनुकूलन गरेर, तपाइँ तपाइँको अनुप्रयोगको लागि अद्वितीय र आकर्षक इन्टरफेसहरू सिर्जना गर्न सक्नुहुन्छ।