如何使这个Android按钮布局单个行中的6个按钮填满整个屏幕

时间:2015-03-20 12:00:03

标签: android android-layout android-studio android-imagebutton

这里是我想要的形象。它们需要根据屏幕尺寸进行缩放。如果屏幕尺寸为1920x1080p,它们应该看起来很完美。

这里我试过但它没有任何可见的

    <ImageButton
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/imageButton_register"
    android:background="@null"
    android:src="@drawable/bgbutton_1"
    android:adjustViewBounds="true"
    android:scaleType="centerCrop"
    android:layout_centerInParent="true"
    />

<ImageButton
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/imageButton_register2"
    android:background="@null"
    android:src="@drawable/button1"
    android:adjustViewBounds="true"
    android:scaleType="centerCrop"
    android:layout_centerInParent="true"
    />

<ImageButton
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/imageButton_register3"
    android:background="@null"
    android:src="@drawable/button2"
    android:adjustViewBounds="true"
    android:scaleType="centerCrop"
    android:layout_centerInParent="true"
    />

我正在使用android studio,api在Windows 8.1上是9

图像尺寸为1080x560像素和1080x200像素

enter image description here

2 个答案:

答案 0 :(得分:2)

使用线性布局给orientation=vertical 将图片按钮放在此处,将weight_sum=100添加到线性布局,然后您可以按百分比将weight提供给图片按钮 就像你有2个图像按钮给每个图像按钮weight=50,如果你有5个图像按钮给每个图像按钮weight=20 使用此:

<LinearLayout
        android:id="@+id/linearButtons"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:weightSum="100" >

<ImageButton
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageButton_register"
        android:src="@drawable/bgbutton_1"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:layout_weight="16.6"/>

<ImageButton
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageButton_register2"
        android:src="@drawable/button1"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:layout_weight="16.6"/>

<ImageButton
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageButton_register"
        android:src="@drawable/bgbutton_1"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:layout_weight="16.6"/>

<ImageButton
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageButton_register2"
        android:src="@drawable/button1"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:layout_weight="16.6"/>

<ImageButton
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageButton_register"
        android:src="@drawable/bgbutton_1"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:layout_weight="16.6"/>

<ImageButton
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageButton_register2"
        android:src="@drawable/button1"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:layout_weight="16.6"/>
</LinearLayout>

答案 1 :(得分:1)

试用此代码:

<LinearLayout
        android:id="@+id/ll_main_view_about_us_screen"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:weightSum="6" >

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:background="@color/text_black" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:background="@color/text_black" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:background="@color/text_black" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:background="@color/text_black" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:background="@color/text_black" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:background="@color/text_black" />
</LinearLayout>