Android में Constraint Layout कैसे काम करता है?

परिचय

सरल शब्दों में, Constraint Layout एक Relative Layout का उन्नत संस्करण है। इसका उपयोग चाइल्ड व्यू पदानुक्रम को कम करने और प्रदर्शन में सुधार करने के लिए किया जाता है।

Constraint Layout के गुण

Wrap Content

यह डेटा के अनुसार व्यू के आकार को लपेटता है। Android में Constraint Layout कैसे काम करता है?

Any Size

यह match_parent के समान है। Android में Constraint Layout कैसे काम करता है?

Fixed Size

यह मानक ऊंचाई और चौड़ाई (फिक्स्ड साइज़) की अनुमति देता है। Android में Constraint Layout कैसे काम करता है?

उपरोक्त उदाहरण में हमने बटन को सभी गुणों के साथ दिखाया है, अब कोड स्तर पर देखें:

<Button
    android:layout_width="wrap_content"
    android:layout_height="53dp"
    android:layout_marginStart="8dp"
    android:layout_marginTop="8dp"
    android:layout_marginEnd="8dp"
    android:layout_marginBottom="8dp"
    android:text="Button"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.391"
    app:layout_constraintStart_toStartOf="@+id/data1"
    app:layout_constraintTop_toTopOf="parent" />

उपरोक्त में, हमने लेआउट मार्जिन टॉप, बॉटम, स्टार्ट और एंड घोषित किए हैं। ये मानक दूरी हैं (match_parent के समान)।

Constraint Layout में दो बायस उपलब्ध हैं: क्षैतिज और ऊर्ध्वाधर। क्षैतिज और ऊर्ध्वाधर तरीके से ग्रेविटी स्पेस।

व्यू पर क्लिक करके, यह उन सभी पदानुक्रमों को दिखाता है जो व्यू से जुड़े हैं।

व्यू पर क्लिक करके, आपको अन्य व्यू या पैरेंट व्यू के साथ पदानुक्रम को हटाने के लिए "X" कलर आइकन बटन मिलेगा।

उदाहरण: Constraint Layout का उपयोग

चरण 1: नया प्रोजेक्ट बनाएं

Android Studio में File → New Project पर जाएं और नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें।

चरण 2: activity_main.xml में कोड जोड़ें

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:id="@+id/layout"
    android:gravity="center"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <TextView
        android:id="@+id/data"
        android:layout_width="wrap_content"
        android:gravity="center"
        android:textSize="30sp"
        android:text="www.tutorialspoint.com"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/data1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="80dp"
        android:layout_marginEnd="8dp"
        android:gravity="center"
        android:text="www.tutorialspoint.com"
        android:textSize="30sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="53dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.43"
        app:layout_constraintStart_toStartOf="@+id/data1"
        app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

ऐप चलाएं

मान लें कि आपने अपना वास्तविक Android मोबाइल डिवाइस कंप्यूटर से कनेक्ट किया है। Android Studio से ऐप चलाने के लिए, अपनी प्रोजेक्ट की एक्टिविटी फ़ाइलों में से एक खोलें और टूलबार से Run आइकन Android में Constraint Layout कैसे काम करता है? पर क्लिक करें। अपने मोबाइल डिवाइस को विकल्प के रूप में चुनें और फिर अपना मोबाइल डिवाइस जांचें जो डिफ़ॉल्ट स्क्रीन प्रदर्शित करेगा:

Android में Constraint Layout कैसे काम करता है?