如何为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

What is android:weightSum in android, and how does it work?

Answer 3

尝试使用“android：layout_weight”

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

在你的情况下

<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>