Работа с макетом экрана Android

Question

Я изо всех сил пытаюсь справиться с макетами Android, во-первых, кто-нибудь может указать мне на хороший базовый учебник по работе с макетами на экране. Я понимаю понятия, когда я читаю google layout dev ref, но приступаю к практике, и я не совсем понимаю.

У меня есть ниже макет, который я пытаюсь воспроизвести в экране Android, я полагаю, что нужно гнездовые различные раскладки внутри других, но я совсем не могу получить то, что я должен выглядеть следующим образом: http://screencast.com/t/GFw7OSzvbmX

Любые предложения по коду там подобные, а также учебники, чтобы меня идти было бы здорово THX

Answer 1

Использование TextView, кнопки, ImageView, как ребенок, и использовать LinearLayout как родитель с весом, ручка область содержимого выделения ребенка:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:padding="10dp"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="0.40"> 

     <ImageView 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:scaleType="fitXY" 
      android:src="@drawable/ic_launcher"/> 
     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:layout_weight="1" 
      android:orientation="vertical"> 
      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="textview"/> 
      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="textview" 
       android:layout_marginTop="5dp"/> 
     </LinearLayout> 

    </LinearLayout> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="0.60" 
     android:orientation="vertical"> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="textview" 
      android:layout_marginTop="5dp"/> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="textview" 
      android:layout_marginTop="5dp"/> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="5dp"> 
      <TextView 
       android:layout_width="0dp" 
       android:layout_weight="1" 
       android:layout_height="wrap_content" 
       android:text="textview"/> 
      <Button 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="button"/> 
     </LinearLayout> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="textview" 
      android:layout_marginTop="5dp"/> 
    </LinearLayout> 

</LinearLayout> 

Answer 2

(черный - LinearLayout по вертикали) (красный - LinearLayout по горизонтали) (зеленый - ImageView) (желтый - TextView) (Brown - Button)

Визуализируйте, как это первое. Затем напишите свой xml.