Question

我有以下的android视图布局应该出现在表格布局中4浮动动作按钮和4个文本视图应该出现在每个浮动动作按钮下面：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/app_bar_main"
    tools:context=".MainActivity"
    android:background="@color/background">




    <LinearLayout
        android:id="@+id/main_view_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="15dp"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true">


        <android.support.design.widget.FloatingActionButton
            android:id="@+id/qck_notification"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:src="@drawable/ic_notification"
            android:layout_marginRight="130dp"
            android:maxHeight="2dp"
            >
        </android.support.design.widget.FloatingActionButton>


        <android.support.design.widget.FloatingActionButton
            android:id="@+id/qck_reports"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:src="@drawable/ic_file_chart" />


    </LinearLayout>
    <LinearLayout
        android:id="@+id/main_view_layout2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="15dp"
        android:layout_centerVertical="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">



        <android.support.design.widget.FloatingActionButton
            android:id="@+id/qck_about"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:src="@drawable/ic_notification"
            android:layout_marginRight="130dp" />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/qck_locate"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:src="@drawable/ic_map_marker" />


    </LinearLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="About Us"
        android:id="@+id/txt_about_us"
        android:layout_weight="0"
        android:layout_below="@+id/main_view_layout2"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Locate Us"
        android:id="@+id/txt_locate_us"
        android:layout_weight="0"
        android:layout_marginRight="60dp"
        android:layout_marginEnd="60dp"
        android:layout_below="@+id/main_view_layout2"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Notifications"
        android:id="@+id/txt_notifications"
        android:layout_weight="0"
        android:layout_below="@+id/main_view_layout"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Reports n Queries"
        android:id="@+id/txt_reports_n_queries"
        android:layout_weight="0"
        android:layout_below="@+id/main_view_layout"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_above="@+id/main_view_layout2" />


</RelativeLayout>

上面的屏幕在5英寸的屏幕上显示得非常好，但是当我尝试在平板电脑上观看时。外观变得扭曲，这尤其是最右侧的文本视图。（报告n查询并找到我们）。我需要帮助我如何自动调整大小以使其能够很好地适应不同的屏幕？

Answer 1

我建议修改另一个xml文件中的现有布局。您可以制作不同的xml文件，以便在不同的屏幕尺寸上使用。

Here is a link to more information.

Android App不会以不同的屏幕尺寸自动调整大小

1 个答案: