如何使按钮适合所有屏幕？

Question

I have used buttons as squares shapes(165dpx165dp), but when i change the screen size the button keep the same dimension which make it invisible or too large in some screens.

my layout:

<?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:background="@drawable/fneclis_l1s1_bg"
    tools:context=".AllButtonsFragment">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="404dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="1.0"
        tools:ignore="UselessParent">

        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <Button
                android:id="@+id/Phy1"
                android:layout_width="165dp"
                android:layout_height="165dp"
                android:layout_marginBottom="16dp"
                android:layout_marginEnd="16dp"
                android:layout_marginRight="16dp"
                android:layout_weight="1"
                android:background="@color/bl"
                android:text="@string/physique_1"
                android:textColor="@color/cardview_light_background"
                android:textSize="18sp"
                android:visibility="visible"
                app:layout_constraintBottom_toTopOf="@+id/Infor1"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@+id/Math1"
                app:layout_constraintTop_toTopOf="parent" />

            <Button
                android:id="@+id/Math1"
                android:layout_width="165dp"
                android:layout_height="165dp"
                android:layout_marginBottom="16dp"
                android:layout_marginEnd="16dp"
                android:layout_marginLeft="16dp"
                android:layout_marginRight="16dp"
                android:layout_marginStart="16dp"
                android:layout_weight="1"
                android:background="@color/rd"
                android:text="@string/math_matiques_1"
                android:textColor="@color/cardview_light_background"
                android:textSize="18sp"
                android:visibility="visible"
                app:layout_constraintBottom_toTopOf="@+id/Chemie1"
                app:layout_constraintEnd_toStartOf="@+id/Phy1"
                app:layout_constraintHorizontal_chainStyle="packed"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <Button
                android:id="@+id/Chemie1"
                android:layout_width="165dp"
                android:layout_height="165dp"
                android:layout_marginEnd="16dp"
                android:layout_marginLeft="16dp"
                android:layout_marginRight="16dp"
                android:layout_marginStart="16dp"
                android:layout_weight="1"
                android:background="@color/or"
                android:text="@string/structure_de_la_mati_re"
                android:textColor="@color/cardview_light_background"
                android:textSize="18sp"
                android:visibility="visible"
                app:layout_constraintBottom_toTopOf="@+id/MR"
                app:layout_constraintEnd_toStartOf="@+id/Infor1"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/Math1" />

            <Button
                android:id="@+id/Infor1"
                android:layout_width="165dp"
                android:layout_height="165dp"
                android:layout_marginEnd="16dp"
                android:layout_marginRight="16dp"
                android:layout_weight="1"
                android:background="@color/gr"
                android:text="@string/informatique_1"
                android:textColor="@color/cardview_light_background"
                android:textSize="18sp"
                android:visibility="visible"
                app:layout_constraintBottom_toTopOf="@+id/MST1"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@+id/Chemie1"
                app:layout_constraintTop_toBottomOf="@+id/Phy1" />

            <Button
                android:id="@+id/MST1"
                android:layout_width="165dp"
                android:layout_height="165dp"
                android:layout_marginEnd="16dp"
                android:layout_marginRight="16dp"
                android:layout_marginTop="16dp"
                android:layout_weight="1"
                android:background="@color/rd"
                android:text="@string/les_m_tiers_en_sciences_et_technologies_1"
                android:textColor="@color/cardview_light_background"
                android:textSize="18sp"
                android:visibility="visible"
                app:layout_constraintBottom_toTopOf="@+id/Fr"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@+id/MR"
                app:layout_constraintTop_toBottomOf="@+id/Infor1" />

            <Button
                android:id="@+id/MR"
                android:layout_width="165dp"
                android:layout_height="165dp"
                android:layout_marginEnd="16dp"
                android:layout_marginLeft="16dp"
                android:layout_marginRight="16dp"
                android:layout_marginStart="16dp"
                android:layout_marginTop="16dp"
                android:layout_weight="1"
                android:background="@color/bl"
                android:text="@string/m_thodologie_de_la_r_daction"
                android:textColor="@color/cardview_light_background"
                android:textSize="18sp"
                android:visibility="visible"
                app:layout_constraintBottom_toTopOf="@+id/An"
                app:layout_constraintEnd_toStartOf="@+id/MST1"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/Chemie1" />

            <Button
                android:id="@+id/An"
                android:layout_width="165dp"
                android:layout_height="165dp"
                android:layout_marginBottom="16dp"
                android:layout_marginEnd="16dp"
                android:layout_marginLeft="16dp"
                android:layout_marginRight="16dp"
                android:layout_marginStart="16dp"
                android:layout_marginTop="16dp"
                android:layout_weight="1"
                android:background="#07254e"
                android:text="@string/anglais"
                android:textColor="@color/cardview_light_background"
                android:textSize="18sp"
                android:visibility="visible"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toStartOf="@+id/Fr"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/MR" />

            <Button
                android:id="@+id/Fr"
                android:layout_width="165dp"
                android:layout_height="165dp"
                android:layout_marginBottom="16dp"
                android:layout_marginEnd="16dp"
                android:layout_marginRight="16dp"
                android:layout_marginTop="16dp"
                android:layout_weight="1"
                android:background="@color/jn"
                android:text="@string/fran_ais"
                android:textColor="@color/cardview_light_background"
                android:textSize="18sp"
                android:visibility="visible"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@+id/An"
                app:layout_constraintTop_toBottomOf="@+id/MST1" />

        </android.support.constraint.ConstraintLayout>
    </ScrollView>

</RelativeLayout>

i want to make my button more Interact with screens sizes if that possible

this is just to avoid the stupid notice of 'it looks like your question is only a code' I have used buttons as squares shapes(165dpx165dp), but when i change the screen size the button keep the same dimension which make it invisible or too large in some screens.

Answer 1

如果希望按钮并排更改尺寸并适合所有屏幕尺寸和方向，则可以使用线性布局上的权重来完成此操作。