ਵਿੱਚ ਬਾਰਡਰ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਗਾਈਡ 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 with ਦੀ ਵਰਤੋਂ ਨੂੰ ਜੋੜ ਸਕਦੇ ਹੋ । BoxDecoration

 

ਸਿੱਟਾ:

ਵਿੱਚ ਬਾਰਡਰ ਦੀ ਵਰਤੋਂ ਕਰਨਾ Flutter ਤੁਹਾਡੇ UI ਤੱਤਾਂ ਲਈ ਕਸਟਮ ਰੂਪਰੇਖਾ ਬਣਾਉਣ ਦਾ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਤਰੀਕਾ ਹੈ। ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ, ਰੰਗ ਅਤੇ ਕੋਨਿਆਂ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਕੇ, ਤੁਸੀਂ ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਲਈ ਵਿਲੱਖਣ ਅਤੇ ਦਿਲਚਸਪ ਇੰਟਰਫੇਸ ਬਣਾ ਸਕਦੇ ਹੋ।