Android：以编程方式绘制自定义视图

debugcn 发表于 Dev

手F

我正在开发一个应用程序，在该应用程序中我将在表布局中水平显示图像，然后显示文本，然后再次显示图像。

我正在以编程方式创建表布局：

for(i = 0; i < arrayList.size(); i++){
    /* Find Tablelayout defined in main.xml */
    TableLayout tableLayout = (TableLayout) findViewById(R.id.tableLayout);
    tableLayout.setStretchAllColumns(true);

    /* Create a new row to be added. */
    TableRow tableRow = new TableRow(this);
    tableRow.setId(i);
    tableRow.setClickable(true);
    tableRow.setOnClickListener(new OnClickListener() {
        public void onClick(View v) {
            v.setBackgroundColor(Color.GRAY);
        }
    });
    tableRow.setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT, TableRow.LayoutParams.MATCH_PARENT));

    /* Create a Button to be the row-content. */
    ImageView imageView1 = new ImageView(this);
    if(arrayList.get(i).getImage().equalsIgnoreCase("Y")){
    // setImage
    }

    imageView1.setPadding(5, 5, 5, 5);
    imageView1.setLayoutParams(new TableRow.LayoutParams(100, 100));
    tableRow.addView(imageView1);

    TextView textViewName = new TextView(this);
    textViewName.setText(arrayList.get(i).getName());
    textViewName.setPadding(5, 5, 5, 5);
    textViewName.setGravity(Gravity.CENTER_VERTICAL);
    textViewName.setTextSize(15);
    textViewName.setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT, TableRow.LayoutParams.MATCH_PARENT,7));
    tableRow.addView(textViewName);

    ImageView imageView2 = new ImageView(this);
    imageView2.setImageDrawable(getResources().getDrawable(R.drawable.icon));
    imageView2.setPadding(25, 25, 25, 25);
    imageView2.setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT, TableRow.LayoutParams.MATCH_PARENT,1));
    tableRow.addView(imageView2);           

    tableLayout.addView(tableRow, new TableLayout.LayoutParams(TableLayout.LayoutParams.MATCH_PARENT, TableLayout.LayoutParams.MATCH_PARENT));

    View horizontalLine = new View(this);
    horizontalLine.setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT, 1));
    horizontalLine.setBackgroundColor(Color.rgb(50, 50, 50));
    tableLayout.addView(horizontalLine);
}

在此帮助下，我将输出结果如图1所示。

在此处输入图片说明

但我需要输出为图像2。

在此处输入图片说明

图像1和2之间的区别是红线。我在绘图视图的帮助下获得了优势，但涵盖了整个宽度。我需要一条与图2中的红色相同的线。在中心且宽度固定。

请建议我要遵循哪些更改或步骤。需要您的宝贵建议。

甜心ish

您可以使用setBackgroundColor方法设置颜色。

horizontalLine.setBackgroundColor(Color.RED);

编辑：

您可以将固定长度的水平线置于中心。

添加表格行
定义视图的布局权重
在TableRow中添加视图
在表格布局中添加tableRow

View horizontalLine = new View(this);
// Set weight
TableRow.LayoutParams params =  new TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT, 10,0.7f);
horizontalLine.setLayoutParams(params);

TableRow tr = new TableRow(this);  
TableLayout.LayoutParams tableRowParams= new TableLayout.LayoutParams
             (TableLayout.LayoutParams.MATCH_PARENT,TableLayout.LayoutParams.WRAP_CONTENT);

// Set margin
int leftMargin=20;
int topMargin=2;
int rightMargin=20;
int bottomMargin=2;

tableRowParams.setMargins(leftMargin, topMargin, rightMargin, bottomMargin);
tr.setLayoutParams(tableRowParams);

// Add View in tr
tr.addView(horizontalLine);

//Add tr in Table
tableLayout.addView(tr);

您可以看到输出：

在此处输入图片说明