2

下面是我的布局,其中包含 5 个按钮我想显示宽度和高度相等的按钮,顶部和下方的内部布局的边距也将相同,但屏幕显示超出布局,请参阅图片http://imgur.com/TBwf0g我想显示对于所有尺寸的屏幕,我的 5 个具有相等空间的按钮形成顶部和底部,但我的屏幕显示布局不正确,请检查它

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/layoutbordercolor" >

        <ImageView
            android:id="@+id/btnback"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:paddingBottom="5dp"
            android:paddingLeft="3dp"
            android:paddingTop="10dp"
            android:src="@drawable/back" />

        <ImageView
            android:id="@+id/bitmap"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1.5"
            android:src="@drawable/logostar" />

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="4"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="5dp"
                android:paddingTop="12dp"
                android:text="San Diego Unified"
                android:textColor="#603311"
                android:textSize="14sp"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="8dp"
                android:text="SCHOOL DISTRICT"
                android:textColor="#603311"
                android:textSize="10sp" />
        </LinearLayout>

        <ImageView
            android:id="@+id/button2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:paddingBottom="5dp"
            android:paddingTop="10dp"
            android:src="@drawable/options1" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginBottom="20dp"
        android:layout_marginLeft="30dp"
        android:layout_marginRight="30dp"
        android:layout_marginTop="30dp"
        android:background="@drawable/layout_border"
        android:orientation="vertical"
        android:paddingBottom="30dp" >

        <ImageView
            android:id="@+id/facebook"
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:layout_marginTop="45dp"
            android:src="@drawable/facebook" />

        <ImageView
            android:id="@+id/twitter"
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:layout_marginTop="15dp"
            android:src="@drawable/twitter" />

        <ImageView
            android:id="@+id/farmtoschool"
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:layout_marginTop="15dp"
            android:src="@drawable/farm_to_school" />

        <ImageView
            android:id="@+id/takeasurvey"
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:layout_marginTop="15dp"
            android:src="@drawable/take_a_survey" />

        <ImageView
            android:id="@+id/test_button_image2"
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:layout_gravity="center"
            android:layout_marginBottom="40dp"
            android:layout_marginTop="15dp"
            android:src="@drawable/share_this_app" />
    </LinearLayout>

</LinearLayout>
4

3 回答 3

0

我将向您展示一个示例,然后您尝试实现它

    <RelativeLayout
                xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="match_parent" 
                android:id="@+id/rl1">

<Button 
    android:id="@+id/btn1"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:text="click"/>

         <TextView
             android:id="@+id/txt1"
             android:layout_width="wrap_content"
             android:layout_height="40dp"
             android:layout_alignParentTop="true"
             android:layout_marginLeft="34dp"
             android:layout_toRightOf="@+id/btn1"
             android:text=" some text here" />



         <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginLeft="40dp"
                android:layout_marginRight="40dp" 
                android:layout_marginTop="40dp">

                <Button
                    android:id="@+id/abc"
                    android:layout_width="fill_parent"
                    android:layout_height="50dp"
                    android:layout_centerHorizontal="true"
                    android:layout_marginTop="20dp"
                    android:fontFamily="Arial" />

                <Button
                    android:id="@+id/abc2"
                    android:layout_width="fill_parent"
                    android:layout_height="50dp"
                    android:layout_below="@+id/abc"
                    android:layout_centerHorizontal="true"
                    android:layout_marginTop="20dp"
                    android:fontFamily="Arial" />
         </RelativeLayout>

         <Button
             android:id="@+id/button1"
             android:layout_width="wrap_content"
             android:layout_height="40dp"
             android:layout_alignParentRight="true"
             android:layout_alignParentTop="true"
             android:text="Button" />

   </RelativeLayout>

始终尝试减少单个布局中的布局数量。因此,要RelativeLayout根据任何要求使用比其他人更可定制的

于 2013-11-08T08:06:44.333 回答
0

尝试这个....

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

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="20"
    android:background="@drawable/layoutbordercolor" >

    <ImageView
        android:id="@+id/btnback"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:paddingBottom="5dp"
        android:paddingLeft="3dp"
        android:paddingTop="10dp"
        android:src="@drawable/back" />

    <ImageView
        android:id="@+id/bitmap"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1.5"
        android:src="@drawable/logostar" />

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="4"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="5dp"
            android:paddingTop="12dp"
            android:text="San Diego Unified"
            android:textColor="#603311"
            android:textSize="14sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="8dp"
            android:text="SCHOOL DISTRICT"
            android:textColor="#603311"
            android:textSize="10sp" />
    </LinearLayout>

    <ImageView
        android:id="@+id/button2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:paddingBottom="5dp"
        android:paddingTop="10dp"
        android:src="@drawable/options1" />
</LinearLayout>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="80"
    android:layout_marginBottom="20dp"
    android:layout_marginLeft="30dp"
    android:layout_marginRight="30dp"
    android:layout_marginTop="30dp"
    android:background="@drawable/layout_border"
    android:orientation="vertical"
    android:paddingBottom="30dp" >

    <ImageView
        android:id="@+id/facebook"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        android:layout_marginTop="45dp"
        android:src="@drawable/facebook" />

    <ImageView
        android:id="@+id/twitter"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        android:layout_marginTop="15dp"
        android:src="@drawable/twitter" />

    <ImageView
        android:id="@+id/farmtoschool"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        android:layout_marginTop="15dp"
        android:src="@drawable/farm_to_school" />

    <ImageView
        android:id="@+id/takeasurvey"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        android:layout_marginTop="15dp"
        android:src="@drawable/take_a_survey" />

    <ImageView
        android:id="@+id/test_button_image2"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:layout_gravity="center"
        android:layout_marginBottom="40dp"
        android:layout_marginTop="15dp"
        android:src="@drawable/share_this_app" />
</LinearLayout>

于 2013-11-08T08:04:51.357 回答
-1

像这样使用填充:

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"

    android:paddingBottom="your_size"

    android:background="#E5E5E5"
    android:orientation="vertical" >

这应该有效。

于 2013-11-08T08:04:02.967 回答