在android中设计5英寸到10英寸平板电脑的布局

时间:2015-03-20 08:06:11

标签: android xml android-layout android-5.0-lollipop material-design

我已经为nexus 7创建了7英寸平板电脑的布局,但我想为5英寸到10英寸的平板电脑开发相同的布局 我的代码在nexus 7上工作正常,但在其他平板电脑上却没有,所以有什么解决方案吗

下面是XML代码



<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/background">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clickable="true">

        <ImageView
            android:id="@+id/ui_logo"
            android:layout_width="100dp"
            android:layout_height="90dp"
            android:layout_alignBottom="@+id/tc_mangClass"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="32dp"
            android:scaleType="fitXY"
            android:src="@drawable/logo" />

        <TextView
            android:id="@+id/tc_mangClass"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="170dp"
            android:fontFamily="font/Roboto-Light.ttf"
            android:text="@string/tc_mangClass"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="@color/white"
            android:textSize="@dimen/mangClass" />


        <EditText
            android:id="@+id/ui_uname"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/tc_mangClass"
            android:layout_marginLeft="25dp"
            android:layout_marginRight="25dp"
            android:layout_marginTop="25dp"
            android:drawableLeft="@drawable/user"
            android:drawablePadding="28dp"
            android:fontFamily="font/Roboto-Light.ttf"
            android:hint="@string/uname"
            android:inputType="text"
            android:paddingBottom="10dp"
            android:paddingTop="20dp"
            android:textColor="@color/white"
            android:textColorHint="@color/whitedul"
            android:textSize="18dp" />

        <EditText
            android:id="@+id/ui_upass"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/ui_uname"
            android:layout_marginLeft="25dp"
            android:layout_marginRight="25dp"
            android:layout_marginTop="8dp"
            android:drawableLeft="@drawable/password"
            android:drawablePadding="28dp"
            android:fontFamily="font/Roboto-Light.ttf"
            android:hint="@string/upass"
            android:inputType="textPassword"
            android:paddingBottom="10dp"
            android:paddingTop="15dp"
            android:textColor="@color/white"
            android:textColorHint="@color/whitedul"
            android:textSize="18dp" />

        <EditText
            android:id="@+id/ui_ucode"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/ui_upass"
            android:layout_marginLeft="25dp"
            android:layout_marginRight="25dp"
            android:layout_marginTop="8dp"
            android:drawableLeft="@drawable/edu"
            android:drawablePadding="14dp"
            android:fontFamily="font/Roboto-Light.ttf"
            android:hint="@string/ucode"
            android:inputType="number"
            android:paddingBottom="10dp"
            android:paddingTop="15dp"
            android:textColor="@color/white"
            android:textColorHint="@color/whitedul"
            android:textSize="18dp" />

        <CheckBox
            android:id="@+id/ui_rember"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:layout_below="@+id/ui_ucode"
            android:layout_marginLeft="25dp"
            android:layout_marginTop="8dp"
            android:checked="true" />

        <TextView
            android:id="@+id/ui_remText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ui_ucode"
            android:layout_marginLeft="75dp"
            android:layout_marginTop="18dp"
            android:text="@string/remText"
            android:textColor="@color/white"
            android:textIsSelectable="false"
            android:textSize="@dimen/remtext" />

        <Button
            android:id="@+id/ui_login"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignStart="@+id/ui_rember"
            android:layout_below="@+id/ui_rember"
            android:layout_marginRight="25dp"
            android:layout_marginTop="25dp"
            android:background="@drawable/button_back"
            android:fontFamily="font/Roboto-ThinItalic.ttf"
            android:text="@string/login"
            android:textColor="@color/white"
            android:textSize="@dimen/tsize" />


        <TextView
            android:id="@+id/ui_fpass"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/ui_login"
            android:layout_marginLeft="175dp"
            android:layout_marginTop="25dp"
            android:text="@string/fpass"
            android:textColor="@color/white" />


        <View
            android:id="@+id/divider"
            android:layout_width="1dp"
            android:layout_height="27dp"
            android:layout_below="@+id/ui_login"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="21dp"
            android:background="@color/white">

        </View>

        <TextView
            android:id="@+id/ui_codeFinder"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/ui_fpass"
            android:layout_marginStart="15dp"
            android:layout_toEndOf="@+id/divider"
            android:text="@string/scfind"
            android:textColor="@color/white" />

    </RelativeLayout>
</ScrollView>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

在dp中为视图提供高度和宽度的一种解决方案,dp应该在dimens.xml文件中创建,在layout_height和layout_width中提供来自@dimens文件的引用

检查一下: Click Here