以编程方式创建8x32图像按钮数组

时间:2014-12-14 14:39:04

标签: android android-layout

我正在创建一个通过蓝牙控制微控制器的应用程序。 (它将是一个8x32 Led矩阵)。 我们的想法是创建一个8行32列的Imagebuttons数组,每个元素代表板上的实际LED。

在一些文档之后,我决定使用TableLayout并用ImageButtons填充它。但是无法让它发挥作用。

这是我到目前为止所做的:

public class DrawerMode extends Activity implements View.OnTouchListener{
private static int numberOfColumns = 32;
private static int numberOfRows = 8;
private TableLayout tableLayout;

@Override
protected void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);
    //Assign content
    setContentView(R.layout.activity_draw_mod);
    tableLayout = (TableLayout) findViewById(R.id.drawer_table);
    fillTable(numberOfColumns,numberOfRows, tableLayout);


}

private void fillTable(final int numberOfColumns,final int numberOfRows, TableLayout tableLayout) {
    //removing child views
    tableLayout.removeAllViews();
    TableLayout.LayoutParams params = new TableLayout.LayoutParams( TableLayout.LayoutParams.FILL_PARENT, TableLayout.LayoutParams.WRAP_CONTENT);

    //initiate rows
    TableRow[] tableRow = new TableRow[numberOfRows];
    for(int iter_R = 0; iter_R < numberOfRows; iter_R++){
        //fill rows with buttons
        tableRow[iter_R] = new TableRow(this);
        ImageButton[] imageButton = new ImageButton[numberOfColumns];
        for(int iter_C = 0; iter_C < numberOfColumns; iter_C++){
            imageButton[iter_C]  = new ImageButton(this);
            imageButton[iter_C].setBackgroundColor(Color.WHITE);
            imageButton[iter_C].setLayoutParams(params);

            //[iter_C]
            imageButton[iter_C].setOnTouchListener(this);
            imageButton[iter_C].setId(iter_C);
            imageButton[iter_C].setTag(iter_C);
            //add an instance of a button
            tableRow[iter_R].addView(imageButton[iter_C]);
        }
        //add instance of row
        tableLayout.addView(tableRow[iter_R]);
    }
}



@Override
public boolean onTouch(View v, MotionEvent event) {
    int selected_element = (Integer) v.getId();
    Toast.makeText(getApplicationContext(), "It's"+ selected_element, Toast.LENGTH_LONG).show();
    return false;
}
}

以下是xml文件的内容:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main_menu"
android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
android:background="@android:color/holo_green_dark">
<TextView
    android:id="@+id/draw_title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/draw_mode_name"
    android:layout_centerHorizontal="true"
    android:textSize="24sp"
    android:textColor="@android:color/white"
    />
<TableLayout
    android:id="@+id/drawer_table"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_below="@id/draw_title"
    >

    </TableLayout>

对我来说最好的方法是什么?

2 个答案:

答案 0 :(得分:0)

您可以使用id创建8个LinearLayout,然后为每个按钮添加32个按钮。

答案 1 :(得分:0)

我无法接受任何答案,因为他们没有使用TableLayout解决它。最后,经过更详细的搜索,我找到了一个很好的教程来解决这个问题:

Brian's Video Tutorials

检查动态按钮和图像教程。所有的功劳归功于Brian这个解决方案。

我遇到了这个问题,但有点解决了我的目的,可以在这里查看:

Scaling problem

感谢Patrick和Fox各自的回答。如果有人可以使用TableLayout发布另一个详细的解决方案,那么除了这个,我会接受这个答案。