android - 如何为 ImageView 提供 20 个屏幕宽度

Question

如何创建像此图像的 UI 标头？

我正在使用下面的代码，但是如何将屏幕的 30% 调整为图像，将 70% 调整为 TextView。我还在 70% 的宽度上使用了两个 TextView。这是我的代码，它看起来不像图像中的

<?xml version="1.0" encoding="UTF-8"?><LinearLayout   
   xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:background="#000000"
 android:orientation="vertical" >



  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#=#EFECE5"

    android:orientation="horizontal" >

     <ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:src="@drawable/ic_launcher" 


    />

    <TextView 
        android:id="@+id/txtCaption"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textColor="#ffffff"
        android:text="San Diego Uified"
       />

    <TextView 
        android:id="@+id/txtCaption"
        android:layout_width="fill_parent"
         android:layout_height="wrap_content"
        android:textColor="#ffffff"
        android:text="School District"
      />

    </LinearLayout>


  </LinearLayout>

Answer 1

将android:layout_weight="3"属性添加到图像和android:layout_weight="7"文本

Answer 2

结帐weight_ textviews_ imageviews_ weightSum_LinearLayout

什么是android中的android:weightSum，它是如何工作的？

Answer 3

尝试使用“android:layout_weight”

分配一个值 'android:layout_weight' 将根据每个 View 的 layout_weight 的值及其与在当前布局中为此和其他 View 元素指定的整体 layout_weight 的比率分配父 View 中的可用空间。

在你的情况下

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#=#EFECE5"

    android:orientation="horizontal" >

     <ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:src="@drawable/ic_launcher" 
    android:layout_weight="30"

    />

    <TextView 
        android:id="@+id/txtCaption"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textColor="#ffffff"
        android:text="San Diego Uified"
        android:layout_weight="35"
       />

    <TextView 
        android:id="@+id/txtCaption"
        android:layout_width="fill_parent"
         android:layout_height="wrap_content"
        android:textColor="#ffffff"
        android:text="School District"
        android:layout_weight="35"
      />

    </LinearLayout>

Answer 4

干得好..

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:background="#000000" android:orientation="vertical" >

<!-- Header Layout -->
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#000000"
android:orientation="horizontal"
android:weightSum="1.0" >
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#000000"
    android:orientation="horizontal"
    android:weightSum="0.30" >
 <ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:src="@drawable/ic_launcher"
/>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000"
    android:orientation="horizontal"
    android:weightSum="1.0" >
    <TextView 
        android:id="@+id/txtCaption"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:textColor="#ffffff"
        android:gravity="center"
        android:text="San Diego Uified"
        android:layout_weight="0.50"
       />

    <TextView 
        android:id="@+id/txtCaption"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:textColor="#ffffff"
        android:gravity="center"
        android:text="School District"
        android:layout_weight="0.50"
      />
    </LinearLayout>
    </LinearLayout>
</LinearLayout>

<!-- Body layout -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000"
    android:orientation="horizontal"
    android:layout_weight="0.70"
    android:weightSum="1.0" >
    <TextView 
        android:id="@+id/txtCaption"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:textColor="#ffffff"
        android:gravity="center"
        android:text="School aasdadadad adasd"
        android:layout_weight="0.50"
      />
</LinearLayout>