Udhëzues për përdorimin e kufirit në Flutter

Në Flutter programim, përdorimi i Kufirit është një pjesë thelbësore e krijimit të skicave të përcaktuara mirë për elementët tuaj të ndërfaqes së përdoruesit. Kufiri ju lejon të krijoni skica të personalizuara për elementë të tillë si imazhe, kontejnerë dhe butona. Në këtë artikull, ne do të shqyrtojmë se si të përdorim kufirin për të krijuar skica për elementët brenda Flutter aplikacionit tuaj.

Kufiri themelor

Ju mund ta përdorni Border klasën për të krijuar një kufi për një widget. Më poshtë është një shembull i krijimit të një kufiri për një drejtkëndësh:

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  
 ),  
)  

Kufiri në anë të ndryshme

Ju gjithashtu mund të personalizoni kufirin për secilën anë të një 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  
   ),  
 ),  
)  

Përshtatja e kufirit me Radius

Ju mund të përdorni BorderRadius për të rrumbullakosur qoshet e kufirit:

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  
 ),  
)  

Kombinimi me BoxDecoration

Ju mund të kombinoni përdorimin e Border me BoxDecoration për të krijuar efekte dhe forma më të ndërlikuara kufitare.

 

konkluzioni:

Përdorimi i Border in Flutter është një mënyrë e fuqishme për të krijuar skica të personalizuara për elementët tuaj të ndërfaqes së përdoruesit. Duke personalizuar gjerësinë, ngjyrën dhe qoshet e kufirit, ju mund të krijoni ndërfaqe unike dhe tërheqëse për aplikacionin tuaj.