如何在每个屏幕上进行合适的布局?

时间:2018-11-18 19:33:04

标签: android android-studio android-layout

我已经为TabLayout设计了一个图形,但是无法使尺寸适合2个不同的屏幕。我使用两个不同的屏幕,例如平板电脑和android手机。

我该如何解决?


这是我的XML文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.inducesmile.androidmusicplayer
    .fragment.LibraryFragment">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="@color/colorMaroon">

        <ImageView
             android:layout_width="match_parent"
             android:layout_height="102dp"
             android:src="@drawable/logo1"/>

    </LinearLayout>

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        app:tabTextColor="@color/colorWhite"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorMaroon"
        app:tabMode="fixed"
        app:tabIndicatorColor="@color/colorGold"
        app:tabTextAppearance="@style/custTab"
        app:tabSelectedTextColor="@color/colorGold"
        android:layout_gravity="top"/>

    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</LinearLayout>

我想用TabLayout制作4个菜单/片段,我的XML可以工作了,但是问题是如果我在平板电脑屏幕上运行,尺寸无法优化。

1 个答案:

答案 0 :(得分:2)

您需要使布局具有响应性,才能在平板电脑,移动设备或任何其他基于Android的移动设备上查看它。为了使布局具有响应性,我们使用了约束布局。