Android میں layouts اور views کیسے کام کرتے ہیں؟

Android UIs کو Views (UI widgets جیسے buttons، text) سے بنایا جاتا ہے جو ViewGroups/layouts (containers جیسے LinearLayout، ConstraintLayout) کے ذریعے ترتیب دیے جاتے ہیں۔ روایتی طور پر XML layouts میں تعریف کیے جاتے ہیں، جدید Android میں Jetpack Compose (declarative) کا استعمال بڑھ رہا ہے۔ view system کو سمجھنا UIs بنانے کے لیے بنیادی ہے۔

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.

Android میں layouts اور views کیسے کام کرتے ہیں؟

Views اور ViewGroups

عام layouts (ViewGroups)

XML layouts (روایتی)

جدید: Jetpack Compose

یہ کیوں اہم ہے