Android：如何动态添加一个"Custom View"到线性布局

Question

我是构建 Android 应用程序的新手。当我在 MainActivity 中单击按钮时，我想添加一个新的 "custom view"，它由按钮和 imageView 组成。我已经按照下面的一些网站列表构建了自定义视图。

它们工作完美。但是，如果我想使用

动态添加自定义视图

 sView sview = new sView(MainActivity.this);

之后什么都没有发生...

或者如果我想通过

新建一个自定义视图

sView sview = new sView(MainActivity.this, attrs);

在哪里可以找到并设置属性？？？？

这是我的代码，在 MainActivity 中，

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    myDraw = (RelativeLayout) findViewById(R.id.myDraw);
    btnAddRect = (Button) findViewById(R.id.btnAdd);

    mfView = (sView) findViewById(R.id.draw);
    btnAdd.setOnClickListener(new OnClickListener() {       

        @Override
        public void onClick(View v) {
            SingleFingerView sFingerView = new sView(MainActivity.this);
            myDraw.addView(sFingerView);
        }
    });
}

在自定义视图中，

public class sView extends LinearLayout{

public sView(Context context) {
    this(context, null, 0);
}

public sView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
}

public sView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    this._1dp = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 1, context.getResources().getDisplayMetrics());
    this.parseAttr(context, attrs);
    View mRoot = View.inflate(context, R.layout.test_image_view, null);
    addView(mRoot, -1, -1);
    mView = (ImageView) mRoot.findViewById(R.id.view);
    mPushView = (ImageView) mRoot.findViewById(R.id.pview);
    mFirmView = (ImageView) mRoot.findViewById(R.id.fview);
    mRemoveView = (ImageView) mRoot.findViewById(R.id.rview);
}

private void parseAttr(Context context, AttributeSet attrs) {    
if (attrs == null)  return;
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.sView);
    if (a != null) {
        int n = a.getIndexCount();
        for (int i = 0; i < n; i++) {
            int attr = a.getIndex(i);

            if (attr == R.styleable.sView_centerInParent) {
                this.mCenterInParent = a.getBoolean(attr, true);
            }  ...
              with some attributes set setting
        }
    }
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    setParamsForView(widthMeasureSpec, heightMeasureSpec); // some params are set here
}

和 xml 文件 main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:pushtouch="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
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=".MainActivity" >
<TextView
    android:id="@+id/tv_touch"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="abc"
    android:singleLine="false" 
    />
    <Button
        android:id="@+id/btnAdd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:text="ADD IMAGE" />
<RelativeLayout
    android:id="@+id/myDraw"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

<com.example.sView
        android:id="@+id/draw"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        pushtouch:centerInParent="true"

        pushtouch:image="@drawable/image"
        pushtouch:image_width="120dp"
        pushtouch:image_height="100dp"

        pushtouch:push_image="@drawable/p_btn"
        pushtouch:push_image_width="50dp"
        pushtouch:push_image_height="50dp"

        pushtouch:firm_image="@drawable/ok"
        pushtouch:firm_image_width="50dp"
        pushtouch:firm_image_height="50dp"

        pushtouch:remove_image="@drawable/remove"
        pushtouch:remove_image_width="50dp"
        pushtouch:remove_image_height="50dp"

        android:scaleType="centerInside"
        android:layout_alignLeft="@id/result"
        android:layout_alignTop="@id/result"
        android:layout_alignRight="@id/result"
        android:layout_alignBottom="@id/result"
        />
</RelativeLayout>
</LinearLayout>

和相应的视图t_view.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
         android:id="@+id/drawLayout"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent">
<ImageView
        android:id="@+id/view"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:focusableInTouchMode="true"
        android:focusable="true"/>
<ImageView
        android:id="@+id/push_view"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:focusable="true"
        android:focusableInTouchMode="true"
        />
<ImageView
        android:id="@+id/firm_view"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:focusable="true"
        android:focusableInTouchMode="true"
        />
<ImageView
        android:id="@+id/remove_view"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:focusable="true"
        android:focusableInTouchMode="true"
        />
</FrameLayout>

Answer 1

你可以添加一些getter和setter功能。 xml.or 中使用的属性你可以这样做：

 test.xml
<com.example.sView
    android:id="@+id/draw"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    pushtouch:centerInParent="true"

    pushtouch:image="@drawable/image"
    pushtouch:image_width="120dp"
    pushtouch:image_height="100dp"

    pushtouch:push_image="@drawable/p_btn"
    pushtouch:push_image_width="50dp"
    pushtouch:push_image_height="50dp"

    pushtouch:firm_image="@drawable/ok"
    pushtouch:firm_image_width="50dp"
    pushtouch:firm_image_height="50dp"

    pushtouch:remove_image="@drawable/remove"
    pushtouch:remove_image_width="50dp"
    pushtouch:remove_image_height="50dp"

    android:scaleType="centerInside"
    android:layout_alignLeft="@id/result"
    android:layout_alignTop="@id/result"
    android:layout_alignRight="@id/result"
    android:layout_alignBottom="@id/result"
    />
  onclick -> {
      View v = getLayoutInflater().inflate(R.layout.a,null);
      myDraw.addView(sFingerView);
  }

Answer 2

使用LayoutInflator根据您的布局模板创建视图，然后将其注入到您需要的视图中。

LayoutInflater vi = (LayoutInflater) getApplicationContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View v = vi.inflate(R.layout.your_layout, null);

// fill in any details dynamically here
TextView textView = (TextView) v.findViewById(R.id.a_text_view);
textView.setText("your text");

// insert into main view
ViewGroup insertPoint = (ViewGroup) findViewById(R.id.insert_point);
insertPoint.addView(v, 0, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.FILL_PARENT));

您可能需要调整要插入视图的索引。

来源：Android - Dynamically Add Views into View

Android：如何动态添加一个"Custom View"到线性布局

Android: How to dynamically add a "Custom View" into a linear layout

android

custom-view