/Constraint layout

Constraint layout

في المقال هنشرح tool مهمة جدا في الـ Android studio وهى الـ constraint layout ودي حاجة مفيش ولا Design لاي موبايل أبليكيشن يقدر يستغني عنها وده لانها قدرت توفر لينا شويه حاجات هنتكلم عنها بالتفصيل.

مبدئياً الـ Constraint layout هيسمحلك إنك تبني اي Design معقد بكل سهولة من غير ما تحتاج تعمل Nested Group وده لانه بيعتمد على الـ  Relation بين الـ Views وبعضها

طب ايه معنى الـ Constraint layout ؟!

الـ Constraint layout  ببساطة خالص معناها إنك بتعطي  الـ  View بتاعك اللى ع الشاشة بعض القيود عشان تخليه  vertically و horizontally زي ما أنت حابب.

بمعنى إنك بتثبت الـ View من الـ 4 جهات زي الصورة دي .

-Top Constraint

-Start Constraint

-Bottom Constraint

-End Constraint

ودايما أول View بيتحدد بالنسبة للـ parent , وباقي الـ Views بتقدر تحددهم بالنسبة لأول View.

من أهم شروط استخدام الـConstraint Layout إنك لازم تربط الـ View بتاعك على الأقل باتجاهين مختلفين.

ودي اهم ال Constraints الموجودة لـ تثبيت اي View داخل الـ Activity .

app:layout_constraintStart_toStartOf ="parent"

وده معناه إنك تخلى بداية الـ View بتاعك هو بداية  Parent الديزاين بتاعك أو اي View تاني وتغير قيمة الـ parent لـ id الـ View ده .


app:layout_constraintEnd_toEndOf ="parent"

 وده معناه إنك تخلى نهاية الـ View بتاعك هو نهاية  Parent الديزاين بتاعك أو اي View تاني.


app:layout_constraintTop_toTopOf="parent"

وده معناه إنك تخلى Top الـ View بتاعك هو Top الـ Parent الديزاين بتاعك أو اي View تاني.


app:layout_constraintBottom_toBottomOf="parent"

وده معناه إنك تخلى Bottom الـ View بتاعك هوBottomالـ  Parent الديزاين بتاعك أو اي View تاني.


app:layout_constraintStart_toEndOf ="parent"

وده معناه إنك تخلى بداية الـ View بتاعك هو نهاية parent الديزاين بتاعك أو اي View تاني .


app:layout_constraintEnd_toStartOf="parent"

وده معناه انك تخلى نهاية الـ View بتاعك هو بداية الـ parent أو اي View تانى .


app:layout_constraintTop_toBottomOf="parent"

وده معناه إنك تخلى Top الـ View  بتاعك هو Bottom  الـ parent  للديزاين بتاعك أو اي View تاني .


 app:layout_constraintBottom_toTopOf="parent"

وده معناه إنك تخلى Bottom الـ View بتاعك هو Top الـ parent أو اي View تاني

TAGS: