كيف تعمل التخطيطات (Layouts) والعروض (Views) في Android؟ · التدرّب على مقابلات تقنية المعلومات

كيف تعمل التخطيطات (Layouts) والعروض (Views) في Android؟

يتم بناء واجهات المستخدم في Android من Views (عناصر واجهة المستخدم مثل الأزرار والنصوص) مرتبة حسب ViewGroups/layouts (حاويات مثل LinearLayout و ConstraintLayout). يتم تحديدها بشكل تقليدي في تخطيطات XML، بينما يستخدم Android الحديث بشكل متزايد Jetpack Compose (نهج تعريفي). فهم نظام العروض هو الأساس لبناء واجهات المستخدم.

العروض (Views) و ViewGroups

text

VIEW → a single UI element (TextView, Button, ImageView, EditText, etc.)
VIEWGROUP → a container that holds/arranges child views (LinearLayout, ConstraintLayout,
  FrameLayout, RecyclerView, etc.) — layouts ARE ViewGroups
→ UIs are a TREE of views inside view groups (composition).

text

LinearLayout → arrange children in a row OR column
ConstraintLayout → flexible, flat layouts via constraints between views (modern, efficient,
  the recommended layout for complex UIs)
FrameLayout → stack/overlay children
RecyclerView → efficient scrolling lists (recycles views for performance — key for lists)

xml

<!-- define the UI declaratively in an XML layout file -->
<LinearLayout android:orientation="vertical" ...>
  <TextView android:text="Hello" .../>
  <Button android:id="@+id/myButton" android:text="Click" .../>
</LinearLayout>

text

JETPACK COMPOSE → modern DECLARATIVE UI toolkit (Kotlin code, no XML):
  → describe UI as composable functions; reactive (UI updates with state)
  → Google's recommended modern approach (similar idea to Flutter/React)
→ New apps increasingly use Compose; XML layouts still common in existing apps.

كيف تعمل التخطيطات (Layouts) والعروض (Views) في Android؟

العروض (Views) و ViewGroups

التخطيطات الشائعة (ViewGroups)

تخطيطات XML (التقليدية)

الحديثة: Jetpack Compose

لماذا هذا مهم