Question

我正在尝试制作像图1中的底部布局。

correct image

但是当应用程序工作时，底部布局会在大屏幕上拉伸，如图2所示： incorrect image

这是来源......

<RelativeLayout 
    android:id="@+id/bottom_layout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@layout/footer_color"
    android:layout_alignParentBottom="true">
<LinearLayout
    android:id="@+id/bottom_layout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:weightSum="1.0"
    android:orientation="horizontal">

<Button 
    android:id="@+id/bottom_layout11"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="0.2"
    android:gravity="center" 
    android:background="@drawable/profile_01"/>
<Button 
    android:id="@+id/bottom_layout12"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_weight="0.2"
    android:background="@drawable/profile_01"/>
<Button 
    android:id="@+id/bottom_layout13"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="0.2" 
    android:gravity="center"
   android:background="@drawable/profile_01"/>
 <Button 
    android:id="@+id/bottom_layout14"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="0.2"
    android:gravity="center"
    android:background="@drawable/profile_01"/>
  <Button 
    android:id="@+id/bottom_layout15"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="0.2"
    android:gravity="center"
    android:background="@drawable/profile_01"/>

    </LinearLayout>
    </RelativeLayout>

所需的页脚布局，所有分辨率的空间相等，无需拉伸。

我无法在哪里改进代码。请回复。

提前致谢。

Answer 1

如果您想支持不同的屏幕，则需要根据屏幕提供图像和值。

为每种屏幕尺寸创建values和drawable。如果要使用自定义，请在值文件夹中指定高度和宽度，否则将其设为match_parent和wrap_content。

您需要创建四个文件夹

 values-ldpi // Small Screens
 values-mdpi  // Medium Screens
 values-hdpi // Large Screens
 values-xhdpi // Xtra Large Screens

您还需要使用正确的图像尺寸。如需尺寸，请查看Android Support Mulitple Screens

Answer 2

试试这段代码：

<RelativeLayout 
    android:id="@+id/bottom_layout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@layout/footer_color"
    android:layout_alignParentBottom="true">
<LinearLayout
    android:id="@+id/bottom_layout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:weightSum="1.0"
    android:orientation="horizontal">
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:weightSum="0.2"
       >
    <Button 
        android:id="@+id/bottom_layout11"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center" 
        android:background="@drawable/profile_01"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:weightSum="0.2"
       >
    <Button 
        android:id="@+id/bottom_layout12"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
       android:background="@drawable/profile_01"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:weightSum="0.2"
       >
    <Button 
        android:id="@+id/bottom_layout13"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
       android:background="@drawable/profile_01"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:weightSum="0.2"
       >
     <Button 
        android:id="@+id/bottom_layout14"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:background="@drawable/profile_01"/>
    </LinearLayout>
     <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:weightSum="0.2"
       >
        <Button 
        android:id="@+id/bottom_layout15"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:background="@drawable/profile_01"/>
         </LinearLayout>
        </LinearLayout>
        </RelativeLayout>

分享输出..

Answer 3

// try this way,hope this will help you...

Note : please put respective images on all size drawable folder.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/bottom_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@layout/footer_color"
    android:layout_alignParentBottom="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center">
            <Button
                android:id="@+id/bottom_layout11"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/profile_01"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center">
            <Button
                android:id="@+id/bottom_layout12"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/profile_01"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center">
            <Button
                android:id="@+id/bottom_layout13"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/profile_01"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center">
            <Button
                android:id="@+id/bottom_layout14"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/profile_01"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center">
            <Button
                android:id="@+id/bottom_layout15"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/profile_01"/>
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

获得底部布局的扭曲布局

3 个答案: