பார்டரைப் பயன்படுத்துவதற்கான வழிகாட்டி 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

 

முடிவுரை:

பார்டரைப் பயன்படுத்துவது Flutter உங்கள் UI உறுப்புகளுக்கான தனிப்பயன் அவுட்லைன்களை உருவாக்குவதற்கான சக்திவாய்ந்த வழியாகும். எல்லையின் அகலம், நிறம் மற்றும் மூலைகளைத் தனிப்பயனாக்குவதன் மூலம், உங்கள் பயன்பாட்டிற்கான தனித்துவமான மற்றும் ஈர்க்கக்கூடிய இடைமுகங்களை நீங்கள் உருவாக்கலாம்.