पायथन - किवी (Kivy) में AnchorLayout

किवी (Kivy) अभिनव उपयोगकर्ता इंटरफेस वाले एप्लिकेशन के तेजी से विकास के लिए एक ओपन सोर्स पायथन लाइब्रेरी है, जैसे मल्टी-टच ऐप्स। इसका उपयोग एंड्रॉइड एप्लिकेशन के साथ-साथ डेस्कटॉप एप्लिकेशन विकसित करने के लिए किया जाता है। इस लेख में हम देखेंगे कि एंकर लेआउट पोजिशनिंग का उपयोग कैसे करें।

AnchorLayout का उपयोग करके हम विजेट्स को बॉर्डर्स में से एक पर रखते हैं। क्लास kivy.uix.anchorlayout.AnchorLayout एंकर लेआउट को लागू करता है। anchor_x पैरामीटर और anchor_y पैरामीटर दोनों को 'left', 'right' और 'center' मान पास किए जा सकते हैं। नीचे दिए गए प्रोग्राम में हम दो बटन बनाते हैं, उन्हें दो एंकर्स से जोड़ते हैं और उन्हें एक BoxLayout में रखते हैं।

उदाहरण

from kivy.app import App
from kivy.uix.anchorlayout import AnchorLayout
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button

class AnchorLayoutApp(App):
    def build(self):
        # एंकर लेआउट 1
        anchor1 = AnchorLayout(anchor_x='left', anchor_y='bottom')
        button1 = Button(text='Bottom-Left', size_hint=(0.3, 0.3),
                         background_color=(1.0, 0.0, 0.0, 1.0))
        anchor1.add_widget(button1)
        
        # एंकर लेआउट 2
        anchor2 = AnchorLayout(anchor_x='right', anchor_y='top')
        
        # एंकर लेआउट्स को बॉक्स लेआउट में जोड़ें
        button2 = Button(text='Top-Right', size_hint=(0.3, 0.3),
                         background_color=(1.0, 0.0, 0.0, 1.0))
        anchor2.add_widget(button2)
        
        # बॉक्स लेआउट बनाएं
        BL = BoxLayout()
        
        # दोनों एंकर लेआउट्स को बॉक्स लेआउट में जोड़ें
        BL.add_widget(anchor1)
        BL.add_widget(anchor2)
        
        # बॉक्सलेआउट विजेट लौटाएं
        return BL

# किवी ऐप चलाएं
if __name__ == '__main__':
    AnchorLayoutApp().run()

उपरोक्त कोड चलाने से हमें निम्न परिणाम मिलता है:

आउटपुट

AnchorLayout पैरामीटर्स:

9 संभावित संयोजन:

• top-left, top-center, top-right
• center-left, center-center, center-right
• bottom-left, bottom-center, bottom-right

उपयोग के मामले:

• कोने में फ्लोटिंग एक्शन बटन
• स्क्रीन पर केंद्रित डायलॉग/मोडल
• हेडर/फुटर में टूलबार