更改屏幕尺寸Android Studio的按钮大小

时间:2016-03-11 23:36:23

标签: android xml android-studio layout screen-size

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.andrewfinlay.vectorcalculator.MainActivity"
                tools:showIn="@layout/activity_main">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="0"
        android:password="false"
        android:phoneNumber="false"
        android:textAlignment="center"
        android:id="@+id/resultOutput"
        android:layout_alignParentTop="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentStart="true"
        android:textSize="30dp"
        android:clickable="true"
        android:textIsSelectable="true"/>

    <GridLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/gridLayout"
        android:layout_below="@+id/resultOutput"
        android:layout_alignParentEnd="true"
        android:layout_marginBottom="50dp"
        >

        <EditText
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:inputType="number|numberDecimal"
            android:ems="10"
            android:id="@+id/x1"
            android:layout_row="0"
            android:layout_column="0"
            android:hint="x1"
            android:focusable="true"
            android:nextFocusDown="@+id/x2"/>
        <EditText
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:inputType="number|numberDecimal"
            android:ems="10"
            android:id="@+id/x2"
            android:layout_row="0"
            android:layout_column="1"
            android:hint="x2"
            android:focusable="true"
            android:nextFocusDown="@+id/x3"/>

        <EditText
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:inputType="number|numberDecimal"
            android:ems="10"
            android:id="@+id/x3"
            android:layout_row="0"
            android:layout_column="2"
            android:hint="x3"
            android:focusable="true"
            android:nextFocusDown="@+id/y1"/>

        <EditText
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:inputType="number|numberDecimal"
            android:ems="10"
            android:id="@+id/y1"
            android:layout_row="1"
            android:layout_column="0"
            android:hint="y1"
            android:focusable="true"
        android:nextFocusDown="@+id/y2"/>

        <EditText
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:inputType="number|numberDecimal"
            android:ems="10"
            android:id="@+id/y2"
            android:layout_row="1"
            android:layout_column="1"
            android:hint="y2"
            android:focusable="true"
            android:nextFocusDown="@+id/y3"/>

        <EditText
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:inputType="number|numberDecimal"
            android:ems="10"
            android:id="@+id/y3"
            android:layout_row="1"
            android:layout_column="2"
            android:hint="y3"
            android:focusable="true"/>

        <Button
            android:layout_width="100dp"
            android:layout_height="35dp"
            android:text="Add"
            android:id="@+id/addButton"
            android:layout_row="2"
            android:layout_column="0"
            android:background="#3F51B5"
            android:textColor="#ffffff"
            android:textSize="25sp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:layout_marginRight="8dp"/>

        <Button
            android:layout_width="100dp"
            android:layout_height="35dp"
            android:text="Sub"
            android:id="@+id/subButton"
            android:layout_row="2"
            android:layout_column="1"
            android:background="#3F51B5"
            android:textColor="#ffffff"
            android:textSize="25dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:layout_marginRight="3dp"/>

        <Button
            android:layout_width="100dp"
            android:layout_height="35dp"
            android:text="Unit"
            android:id="@+id/unitButton"
            android:layout_row="2"
            android:layout_column="2"
            android:background="#3F51B5"
            android:textColor="#ffffff"
            android:textSize="25dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            />

        <Button
            android:layout_width="100dp"
            android:layout_height="35dp"
            android:text="Cross"
            android:id="@+id/crossButton"
            android:layout_row="3"
            android:layout_column="0"
            android:background="#3F51B5"
            android:textColor="#ffffff"
            android:textSize="25dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:layout_marginRight="8dp"/>

        <Button
            android:layout_width="100dp"
            android:layout_height="35dp"
            android:text="Dot"
            android:id="@+id/dotButton"
            android:layout_row="3"
            android:layout_column="1"
            android:background="#3F51B5"
            android:textColor="#ffffff"
            android:textSize="25dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            android:layout_marginRight="3dp"/>

        <Button
            android:layout_width="100dp"
            android:layout_height="35dp"
            android:text="Mag"
            android:id="@+id/magButton"
            android:layout_row="3"
            android:layout_column="2"
            android:background="#3F51B5"
            android:textColor="#ffffff"
            android:textSize="25dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            android:layout_marginTop="10dp"
            />

        <Button
            android:layout_width="100dp"
            android:layout_height="35dp"
            android:text="Reset"
            android:id="@+id/resetButton"
            android:layout_row="4"
            android:layout_column="1"
            android:background="#3F51B5"
            android:textColor="#ffffff"
            android:textSize="25dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center|top"
            android:layout_marginTop="10dp"
            android:layout_marginRight="3dp"/>

    </GridLayout>

</RelativeLayout>

由于dpi,按钮/编辑文本和输出都是相对于屏幕尺寸的。

我如何调整此尺寸,以便扩展到不同的屏幕尺寸?因为这是目前发生的事情: 这是理想的:Nexus 5 这不是:Nexus S

4 个答案:

答案 0 :(得分:3)

从API 21开始,您可以使用 android:layout_columnWeight =&#34; 1&#34; 为每个元素列分配多余的空间。

您希望对相同的列权重进行签名,以便平均填充每个列空间

检查GridLayout android引用http://developer.android.com/reference/android/widget/GridLayout.html

部分超额空间分布

答案 1 :(得分:0)

你会使用hdpi,xhdpi等文件夹(http://developer.android.com/guide/practices/screens_support.html

欢呼声

答案 2 :(得分:0)

请尝试使用此布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <TextView
        android:id="@+id/resultOutput"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:clickable="true"
        android:password="false"
        android:phoneNumber="false"
        android:text="0"
        android:textAlignment="center"
        android:textIsSelectable="true"
        android:textSize="30dp" />

    <GridLayout
        android:id="@+id/gridLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_below="@+id/resultOutput"
        android:layout_marginBottom="50dp">

        <EditText
            android:id="@+id/x1"
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:layout_column="0"
            android:layout_row="0"
            android:ems="10"
            android:focusable="true"
            android:hint="x1"
            android:inputType="number|numberDecimal"
            android:nextFocusDown="@+id/x2" />

        <EditText
            android:id="@+id/x2"
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:layout_row="0"
            android:ems="10"
            android:focusable="true"
            android:hint="x2"
            android:inputType="number|numberDecimal"
            android:nextFocusDown="@+id/x3" />

        <EditText
            android:id="@+id/x3"
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:layout_row="0"
            android:ems="10"
            android:focusable="true"
            android:hint="x3"
            android:inputType="number|numberDecimal"
            android:nextFocusDown="@+id/y1" />

        <EditText
            android:id="@+id/y1"
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:layout_column="0"
            android:layout_row="1"
            android:ems="10"
            android:focusable="true"
            android:hint="y1"
            android:inputType="number|numberDecimal"
            android:nextFocusDown="@+id/y2" />

        <EditText
            android:id="@+id/y2"
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:layout_row="1"
            android:ems="10"
            android:focusable="true"
            android:hint="y2"
            android:inputType="number|numberDecimal"
            android:nextFocusDown="@+id/y3" />

        <EditText
            android:id="@+id/y3"
            android:layout_width="110dp"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:layout_row="1"
            android:ems="10"
            android:focusable="true"
            android:hint="y3"
            android:inputType="number|numberDecimal" />

    </GridLayout>

    <LinearLayout
        android:id="@+id/row1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/gridLayout"
        android:orientation="horizontal">

        <Button
            android:id="@+id/addButton"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_weight="1"
            android:layout_margin="8dp"
            android:background="#3F51B5"
            android:text="Add"
            android:textColor="#ffffff"
            android:textSize="25sp" />

        <Button
            android:id="@+id/subButton"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_margin="8dp"
            android:layout_weight="1"
            android:background="#3F51B5"
            android:text="Sub"
            android:textColor="#ffffff"
            android:textSize="25sp" />

        <Button
            android:id="@+id/unitButton"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_margin="8dp"
            android:layout_weight="1"
            android:background="#3F51B5"
            android:text="Unit"
            android:textColor="#ffffff"
            android:textSize="25sp" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/row2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/row1"
        android:orientation="horizontal">

        <Button
            android:id="@+id/crossButton"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_weight="1"
            android:layout_margin="8dp"
            android:background="#3F51B5"
            android:text="Cross"
            android:textColor="#ffffff"
            android:textSize="25sp" />

        <Button
            android:id="@+id/dotButton"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_margin="8dp"
            android:layout_weight="1"
            android:background="#3F51B5"
            android:text="Dot"
            android:textColor="#ffffff"
            android:textSize="25sp" />

        <Button
            android:id="@+id/magButton"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_margin="8dp"
            android:layout_weight="1"
            android:background="#3F51B5"
            android:text="Mag"
            android:textColor="#ffffff"
            android:textSize="25sp" />

    </LinearLayout>

        <Button
            android:id="@+id/resetButton"
            android:layout_below="@id/row2"
            android:layout_width="100dp"
            android:layout_height="35dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center|top"
            android:layout_marginTop="10dp"
            android:background="#3F51B5"
            android:text="Reset"
            android:textColor="#ffffff"
            android:textSize="25sp" />

</RelativeLayout>

答案 3 :(得分:0)

这通常是一个非常漫长的过程:

您必须为每个布局创建单独的目录,以便与用户保持一致:

http://developer.android.com/guide/practices/screens_support.html

你必须为每个屏幕大小制作不同的布局,并且android会根据目录名称和XML文件的内容自动设置布局:

IN ANDROID STUIDO: enter image description here

现在,选择尺寸:

enter image description here

为您拥有的每个布局执行此操作:

enter image description here

(现在认为Small已经过时了)

然后,只需在每个目录中渲染您的布局。你不必像这样制作目录,如果你想要你可以进入项目视图并创建它们并复制xml文件,但这种方式要容易得多。

让我知道它是否有帮助,

Ruchir