在所有设备上测试我的布局

时间:2018-01-28 17:18:56

标签: android android-layout android-linearlayout

我想在所有设备上测试我的布局,因为我的布局在小型设备中看不到。

是否有任何可以帮助我的网站或工具?

请建议。

下面是主要活动的xml布局。它适用于大屏幕移动但不是小屏幕。

布局包含gridview + fab按钮+ adview

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/background"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity"
    tools:ignore="Overdraw">


    <LinearLayout
        android:layout_marginTop="15dp"
        android:layout_marginBottom="10dp"
        android:id="@+id/hideMenu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/bottomBox"
        android:layout_alignParentStart="true"
        android:gravity="center"
        android:orientation="horizontal">

        <ImageButton
            android:id="@+id/submittedstatus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:contentDescription="@string/statusdesc"
            android:padding="5dp"
            android:visibility="invisible"
            ads:srcCompat="@drawable/status" />

        <ImageButton
            android:id="@+id/submittedImg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:contentDescription="@string/ImageContent"
            android:padding="5dp"
            android:visibility="invisible"
            ads:srcCompat="@drawable/image" />

        <ImageButton
            android:id="@+id/submittedPost"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:contentDescription="@string/postdesc"
            android:padding="5dp"
            android:visibility="invisible"
            ads:srcCompat="@drawable/post" />


        <android.support.design.widget.FloatingActionButton

            android:id="@+id/fab"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|end"
            android:background="@android:color/transparent"
            android:foregroundGravity="center"
            app:backgroundTint="@color/colorPrimary"
            app:srcCompat="@drawable/sharewhite" />

        <ImageButton
            android:id="@+id/addpersonality"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:contentDescription="@string/personality"
            android:padding="5dp"
            android:visibility="invisible"
            ads:srcCompat="@drawable/personality" />

        <ImageButton
            android:id="@+id/addfort"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:contentDescription="@string/fort"
            android:padding="5dp"
            android:visibility="invisible"
            ads:srcCompat="@drawable/fort" />


        <ImageButton
            android:id="@+id/addwar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:contentDescription="@string/war"
            android:padding="5dp"
            android:visibility="invisible"
            ads:srcCompat="@drawable/war" />


    </LinearLayout>

    <GridView
        android:id="@+id/gridView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="3"
        android:layout_alignParentTop="true"
        android:layout_marginBottom="160dp">


    </GridView>

    <LinearLayout
        android:id="@+id/bottomBox"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_alignParentBottom="true"
        android:background="@android:color/white"
        android:gravity="center"
        android:weightSum="1">


        <com.google.android.gms.ads.AdView
            android:id="@+id/adView"
            android:layout_width="wrap_content"
            ads:adSize="LARGE_BANNER"
            android:layout_height="wrap_content"
            ads:adUnitId="@string/banner_home_footer">

        </com.google.android.gms.ads.AdView>



    </LinearLayout>




</RelativeLayout>

3 个答案:

答案 0 :(得分:0)

在Android Studio的布局编辑器中,您可以模拟不同的屏幕尺寸,并查看布局在每种屏幕尺寸中的显示方式

https://developer.android.com/studio/write/layout-editor.html#change-appearance

enter image description here

答案 1 :(得分:0)

检查不同手机布局的最简单方法是使用设备编辑器设置并选择要尝试的手机。您可以通过选择要检查的xml文件来达到此设置,然后按左下角的设计选项卡。然后,在设计器视图中的布局上方可以看到该设置。您还可以添加列表中不可见的其他手机。

Device in Editor

答案 2 :(得分:0)

@cool技巧 在编辑布局时,Android工作室中有预览选项卡到右上角。

这是非常酷的菜单选项卡,您可以根据需要配置设备。

干杯!!

假设您想为mob和大型设备创建相同布局的不同属性,那么您可以使用相同的名称布局。只需再创建一个“layout-large”文件夹。