GridLayout 使用

上次做了一个小键盘，请见：PopupWindow 使用。

效果是这样的：

可以看到，上面的按键是不一样大小的。因为是用LinearLayout布局，用的Button样式也是默认的。数字键和文字键的大小不一致。

为了使按键大小一致，并且定制Button样式，决定改用GridLayout实现。过程如下：

1.GridLayout

布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/pinpad_dialog"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:columnCount="3"
    app:orientation="horizontal"
    app:rowCount="6">

    <Button
        android:id="@+id/btnUp"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_btn_func_style"
        android:gravity="center"
        android:soundEffectsEnabled="true"
        android:text="@string/up_arrow"
        android:textSize="26sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btnDown"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_btn_func_style"
        android:soundEffectsEnabled="true"
        android:text="@string/down_arrow"
        android:textSize="26sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btnMenu"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_btn_func_style"
        android:soundEffectsEnabled="true"
        android:text="Menu"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btn1"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_button_style"
        android:soundEffectsEnabled="true"
        android:text="1"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btn2"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_button_style"
        android:soundEffectsEnabled="true"
        android:text="2"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btn3"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_button_style"
        android:soundEffectsEnabled="true"
        android:text="3"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btn4"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_button_style"
        android:soundEffectsEnabled="true"
        android:text="4"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btn5"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_button_style"
        android:soundEffectsEnabled="true"
        android:text="5"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btn6"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_button_style"
        android:soundEffectsEnabled="true"
        android:text="6"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btn7"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_button_style"
        android:soundEffectsEnabled="true"
        android:text="7"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btn8"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_button_style"
        android:soundEffectsEnabled="true"
        android:text="8"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btn9"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_button_style"
        android:soundEffectsEnabled="true"
        android:text="9"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btnFunc"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_btn_func_style"
        android:soundEffectsEnabled="true"
        android:text="Func"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btn0"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_button_style"
        android:soundEffectsEnabled="true"
        android:text="0"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btnAlpha"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_btn_clear_style"
        android:soundEffectsEnabled="true"
        android:text="Alpha"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btnCancel"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_btn_cancel_style"
        android:soundEffectsEnabled="true"
        android:text="Cancel"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btnClear"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_btn_clear_style"
        android:soundEffectsEnabled="true"
        android:text="Clear"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

    <Button
        android:id="@+id/btnEnter"
        android:layout_height="30dp"
        android:layout_margin="3dp"
        android:background="@drawable/key_btn_enter_style"
        android:soundEffectsEnabled="true"
        android:text="Enter"
        android:textSize="20sp"
        app:layout_columnWeight="1"
        app:layout_rowWeight="1" />

</android.support.v7.widget.GridLayout>

View Code