如何从多个UI组件生成UI组件

Question

朋友,

我创建了一个UI组件"compTV“，它扩展了Textview。它工作得很好。现在我想创建一个UI组件"3compTV“，它由3个相邻的"compTV”组成。

如果我只是扩展Activity，那么创建一个LinearLayout并添加3个"compTV“的代码就能很好地工作。但是如何创建一个组件呢？我必须为"3compTV“组件扩展什么类，还有什么是必需的。当我扩展compTV时，只会绘制一个对象。所以我想我必须扩展一个不同的类或者采取一些其他的方法来解决这个问题。

多谢你们的支持

    public class 3compTV extends compTV{

Context ctx;
int layoutMaringLeft = 100;
int layoutMaringRight = 0;
int layoutMaringTop = 0;
int layoutMaringBottom = 0;
int amountOfComponents = 5;

public components(Context context) {
    super(context);
    ctx = context;
    Log.d(ctx.getString(R.string.app_name), "components, Constructor1");
    compTV comp1 = new compTV(ctx);
    compTV comp2 = new compTV(ctx);
    compTV comp3 = new compTV(ctx);

    comp2.setLetter("A");
    comp2.setState("grey");
    comp3.setLetter("A");
    comp3.setState("grey");
    LinearLayout LL2 = new LinearLayout(ctx);
    LL2.setOrientation(LinearLayout.VERTICAL);

    LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
            LinearLayout.LayoutParams.WRAP_CONTENT,
            LinearLayout.LayoutParams.WRAP_CONTENT);

    layoutParams.setMargins(layoutMaringLeft, layoutMaringTop,
            layoutMaringRight, layoutMaringBottom);

    LL2.addView(comp1, layoutParams);

    comp1.setLetter("H");
    comp1.setState("green");
    LL2.addView(comp2, layoutParams);
    LL2.addView(comp3, layoutParams);

}

public components(Context context, AttributeSet attrs) {
    super(context, attrs);
    ctx = context;
    Log.d(ctx.getString(R.string.app_name), "components, Constructor2");


}

public components(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    ctx = context;
    Log.d(ctx.getString(R.string.app_name), "components, Constructor3");
}
}

Answer 1

创建一个扩展LinearLayout并包含3个compTV实例的视图。

public class 3CompTV extends LinearLayout {

    public 3CompTV(Context context, AttributeSet attrs) {
        super(context, attrs);
        setOrientation(LinearLayout.VERTICAL);

        for (int i = 0; i < 3; i++) {
            addView(new CompTV(context));      
        }  
    }
}

我个人的偏好是将这3个CompTV视图放在一个XML布局中，其父元素是<merge>。这允许您在XML中指定它们的属性，比如wrap_content，我发现这要简洁得多。您可以将它们添加到自定义视图中，如下所示：

public class 3CompTV extends LinearLayout {

    public 3CompTV(Context context, AttributeSet attrs) {
        super(context, attrs);
        setOrientation(LinearLayout.VERTICAL);
        View.inflate(context, R.id.three_comp_tvs, this);           
    }
}