如何在运行时动态设置按钮宽度以填充屏幕?

时间:2014-02-04 16:45:14

标签: android android-layout

我正在学习android开发,我试图用六个按钮填充屏幕。但我想动态设置按钮大小。我正在使用

获取屏幕尺寸
final DisplayMetrics displayMetrics = getResources().getDisplayMetrics();
final int screenWidthInDp = (int) (displayMetrics.widthPixels / displayMetrics.density);

我试图使用

设置每个按钮的处理程序
button.setWidth(screenWidthInDp/6);

我每行有六个按钮,我希望根据屏幕和六个按钮来改变尺寸以填充屏幕。我做错了吗?

这就是我的activity.xml中按钮的样子

<Button
    android:id="@+id/bNum10"
    android:layout_width="50dp"
    android:layout_height="wrap_content"
    android:layout_below="@+id/bNum2"
    android:layout_toRightOf="@+id/bNum0"
    android:text="@string/sign" />

这是我的布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/background_dark"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Calc" >

    <TextView
        android:id="@+id/Display"
        android:layout_width="fill_parent"
        android:layout_height="25sp"
        android:background="@android:color/background_light"
        android:gravity="right"
        android:text="@string/Welcome"
        android:textColor="@android:color/black"
        android:textSize="24sp" />

    <Button
        android:id="@+id/bNum2"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/bNum1"
        android:layout_alignBottom="@+id/bNum1"
        android:layout_toRightOf="@+id/bNum1"
        android:text="@string/two" />

    <Button
        android:id="@+id/bNum3"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/bNum2"
        android:layout_alignBottom="@+id/bNum2"
        android:layout_toRightOf="@+id/bNum2"
        android:text="@string/three" />

    <Button
        android:id="@+id/bNum5"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/bNum4"
        android:layout_toRightOf="@+id/bNum4"
        android:text="@string/five" />

    <Button
        android:id="@+id/bNum6"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/bNum5"
        android:layout_alignBottom="@+id/bNum5"
        android:layout_toRightOf="@+id/bNum5"
        android:text="@string/six" />

    <Button
        android:id="@+id/bNum0"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/Display"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="14dp"
        android:text="@string/zero" />

    <Button
        android:id="@+id/bNum1"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_above="@+id/bNum0"
        android:layout_alignLeft="@+id/bNum0"
        android:text="@string/one" />

    <Button
        android:id="@+id/bNum4"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_above="@+id/bNum1"
        android:layout_alignLeft="@+id/bNum1"
        android:text="@string/four" />

    <Button
        android:id="@+id/bNum7"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_above="@+id/bNum5"
        android:layout_alignParentLeft="true"
        android:text="@string/seven" />

    <Button
        android:id="@+id/bNum8"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_above="@+id/bNum5"
        android:layout_toLeftOf="@+id/bNum6"
        android:text="@string/eight" />

    <Button
        android:id="@+id/bNum9"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/bNum8"
        android:layout_alignLeft="@+id/bNum6"
        android:text="@string/nine" />

    <Button
        android:id="@+id/bNum10"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/bNum2"
        android:layout_toRightOf="@+id/bNum0"
        android:text="@string/sign" />

    <Button
        android:id="@+id/bEqual"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/bExp"
        android:layout_alignBottom="@+id/bExp"
        android:layout_alignParentRight="true"
        android:text="@string/equal" />

    <Button
        android:id="@+id/bDot"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/bNum10"
        android:layout_alignBottom="@+id/bNum10"
        android:layout_toRightOf="@+id/bNum10"
        android:text="@string/dot" />

    <Button
        android:id="@+id/bExp"
        android:layout_width="50dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/bDot"
        android:layout_alignBottom="@+id/bDot"
        android:layout_marginLeft="14dp"
        android:layout_toRightOf="@+id/bDot"
        android:text="@string/exp" />

</RelativeLayout>

我该如何解决这个问题?

3 个答案:

答案 0 :(得分:5)

使用linearlayout和weight显示宽度相等的6个按钮。

<LinearLayout
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:orientation="horizontal" android:weightSum="6" >

     <Button

        android:layout_height="wrap_content"
        android:padding="10dip"
        android:layout_weight="1" />

     <Button
                   android:layout_width="0dp"
        android:layout_height="wrap_content"
                  android:layout_weight="1" />
  <Button
                       android:layout_width="0dp"
            android:layout_height="wrap_content"
                      android:layout_weight="1" />
  <Button
                       android:layout_width="0dp"
            android:layout_height="wrap_content"
                      android:layout_weight="1" />
  <Button
                       android:layout_width="0dp"
            android:layout_height="wrap_content"
                      android:layout_weight="1" />
  <Button
                       android:layout_width="0dp"
            android:layout_height="wrap_content"
                      android:layout_weight="1" />


  </LinearLayout>

答案 1 :(得分:0)

如果你不需要以编程方式设置它,@ vipul mittal会得到答案。但是,既然你问“我做错了什么”,你也不要使用dp设置Button widths - 它是像素。

因此,当您获得显示指标时,只需将像素除以6,如下所示:

button.setWidth((int) (displayMetrics.widthPixels/6));

答案 2 :(得分:0)

使用线性布局是XML中的最佳选择。像这样:

<LinearLayout
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:orientation="horizontal" 
     android:weightSum="1" >

     <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.15" />

     <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.15" />

       // Other buttons and texview in similar way. Total sum of android:layout_weight values need to be 1.
  </LinearLayout>

似乎你更感兴趣的是在TableLayout和每行中的6个按钮和1个TextView中执行它。我会以这种方式改变xml中的内容:

<TableLayout
            android:id="@+id/tableLayout1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:shrinkColumns="*"
            android:stretchColumns="*" >

            <TableRow
                android:id="@+id/tableRow1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal" >

                <Button
                    android:id="@+id/button1"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:layout_span="3" />

                <Button
                    android:id="@+id/button2"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:layout_span="3" />

                    // Other buttons and texview in similar way

            </TableRow>