Question

我正在使用带有按钮的表格布局来创建数字键盘，如所附图像所示，并使用selector.xml来设置焦点或按下按钮时的不同背景。第一个按钮是默认焦点，背景尽管我对表布局中的所有按钮都使用相同的selector.xml，但第一个按钮（图像1）的图像大小比其他按钮（图像2）要大。逻辑上，所有按钮应具有与我使用相同的selector.xml相同的背景图像。我花了很多钱来找出原因，但没有运气。

即使相同的情况发生，我也尝试将其他图像保留为背景。即使第一个按钮的背景大小不同，我也尝试增加表布局的行和列。

Selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/unfocused_button" android:state_pressed="true"></item>
    <item android:drawable="@drawable/focused_button" android:state_focused="true"></item>
</selector>

资源文件

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
                    android:id="@+id/numericPad"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_alignParentBottom="true"
                    android:layout_centerHorizontal="true"
                    android:layout_marginLeft="25dp"
                    android:layout_marginRight="5dp"
                    android:layout_marginTop="10dp">
                    <!--android:shrinkColumns="*"
                    android:stretchColumns="*"-->
                    <TableRow
                        android:id="@+id/tableRow1"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content">

                        <Button
                            android:id="@+id/button1"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:background="@drawable/number_button_selector"
                            android:gravity="center"
                            android:nextFocusLeft="@id/button1"
                            android:text="1"
                            android:textAppearance="?android:attr/textAppearanceListItemSmall"
                            android:textColor="#ffffff"
                            android:textSize="20dp"></Button>

                        <Button
                            android:id="@+id/button2"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:background="@drawable/number_button_selector"
                            android:gravity="center"
                            android:text="2"
                            android:textAppearance="?android:attr/textAppearanceListItemSmall"
                            android:textColor="#ffffff"
                            android:textSize="20dp"></Button>

                        <Button
                            android:id="@+id/button3"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:background="@drawable/number_button_selector"
                            android:gravity="center"
                            android:text="3"
                            android:textAppearance="?android:attr/textAppearanceListItemSmall"
                            android:textColor="#ffffff"
                            android:textSize="20dp"></Button>

                        <Button
                            android:id="@+id/button4"
                            android:layout_width="0dp"
                            android:layout_height="wrap_content"
                            android:layout_weight="1"
                            android:background="@drawable/number_button_selector"
                            android:gravity="center"
                            android:nextFocusRight="@id/button4"
                            android:text="4"
                            android:textAppearance="?android:attr/textAppearanceListItemSmall"
                            android:textColor="#ffffff"
                            android:textSize="20dp"></Button>
                    </TableRow>

                    ....Similar code for row 2 and row 3

非常感谢您的帮助。

希望您可以从我的描述中了解问题。如果没有，请在评论中让我知道。

Answer 1

I have solved this issue by keeping a constant height value for all the buttons rather than 'wrap_content'. Now all the button's background are of same.
Thanks for those who have viewed and tried solution for it.
Updated Code:
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
                    android:id="@+id/numericPad"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_alignParentBottom="true"`enter code here`
                    android:layout_centerHorizontal="true"
                    android:layout_marginLeft="25dp"
                    android:layout_marginRight="5dp"
                    android:layout_marginTop="10dp">
                    <!--android:shrinkColumns="*"
                    android:stretchColumns="*"-->
                    <TableRow
                        android:id="@+id/tableRow1"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content">

                        <Button
                            android:id="@+id/button1"
                            android:layout_width="0dp"
                            android:layout_height="48dp"
                            android:layout_weight="1"
                            android:alpha="1"
                            android:background="@drawable/number_button_selector"
                            android:gravity="center"
                            android:nextFocusLeft="@id/button1"
                            android:text="1"
                            android:textAppearance="?android:attr/textAppearanceListItemSmall"
                            android:textColor="#ffffff"
                            android:textSize="20dp"></Button>

                        <Button
                            android:id="@+id/button2"
                            android:layout_width="0dp"
                            android:layout_height="48dp"
                            android:layout_weight="1"
                            android:background="@drawable/number_button_selector"
                            android:gravity="center"
                            android:text="2"
                            android:textAppearance="?android:attr/textAppearanceListItemSmall"
                            android:textColor="#ffffff"
                            android:textSize="20dp"></Button>

                        <Button
                            android:id="@+id/button3"
                            android:layout_width="0dp"
                            android:layout_height="48dp"
                            android:layout_weight="1"
                            android:background="@drawable/number_button_selector"
                            android:gravity="center"
                            android:text="3"
                            android:textAppearance="?android:attr/textAppearanceListItemSmall"
                            android:textColor="#ffffff"
                            android:textSize="20dp"></Button>

                        <Button
                            android:id="@+id/button4"
                            android:layout_width="0dp"
                            android:layout_height="48dp"
                            android:layout_weight="1"
                            android:background="@drawable/number_button_selector"
                            android:gravity="center"
                            android:nextFocusRight="@id/button4"
                            android:text="4"
                            android:textAppearance="?android:attr/textAppearanceListItemSmall"
                            android:textColor="#ffffff"
                            android:textSize="20dp"></Button>
                    </TableRow>

[Button 1 with background][1]


[Button 2 with background][2]


  [1]: https://i.stack.imgur.com/XQaBg.png
  [2]: https://i.stack.imgur.com/YRN6E.png

带按钮的表格布局-第一个按钮（1x1）的背景大小在屏幕上看起来与其他按钮不同（所有图像均使用相同的图像）

1 个答案: