1. 程式人生 > >動態加入子控件

動態加入子控件

rac oncreate 今天 inflater ets xxx 子控件 button raw

我想實現:點擊button,動態生成 之前在xml裏已經定義好的layout。


自己定義的已經定義好的xml文件: rizhi_pinglun.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/pinglun_layout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_margin="10dp"
    android:layout_marginLeft="30dp"
    android:background="@drawable/rizhi_background_white" >
    <TextView 
        android:id="@+id/user1"
        android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:text="user1"
    	android:textColor="#3333cc"
        />
	<TextView 
        android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:text="評論 :"
    	android:layout_marginLeft="3dp"
        />
	<TextView 
        android:id="@+id/huifu_content"
        android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:layout_marginLeft="10dp"
    	android:text="今天天氣好好呀~"
    	android:textColor="#080808"
        />
</LinearLayout>


原來xml文件,就是 要把上面的xml插入這個布局中:rizhi_test.xml:

<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?

> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/rizhitest" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:background="#CAE1FF" > <TextView android:id="@+id/title" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/rizhi_title" android:text="xxx的日誌" android:gravity="center" android:textColor="#454545" android:textSize="25sp" /> <TextView android:id="@+id/rizhi_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#FFC0CB" android:text="塵埃落定,棲於之間" android:gravity="center" android:textColor="#454545" android:textSize="25sp" android:layout_margin="5dp" /> <RelativeLayout android:id="@+id/touxiang_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/rizhi_background_white" android:layout_margin="5dp" android:orientation="horizontal" > <ImageView android:id="@+id/touxiang" android:layout_width="50dp" android:layout_height="50dp" android:background="@drawable/touxiang" /> <RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="70dp" android:background="#FFC0CB" android:layout_marginTop="5dp" > <TextView android:id="@+id/username" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="陽光下的向日葵" android:textColor="#454545" android:textSize="15sp" /> <TextView android:id="@+id/rizhi_time" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="2014年8月29日 12:45" android:textColor="#454545" android:textSize="15sp" android:layout_below="@id/username" android:layout_marginTop="3dp" /> </RelativeLayout> </RelativeLayout> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="按鈕" /> </LinearLayout>

</pre><p></p><pre>
java文件:

<span style="white-space:pre">	</span>private Context context;
	private Button button;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.rizhi_test);
		context = this;
		button = (Button) findViewById(R.id.button);
		button.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				
				addMyView();
			}
		});
		
	}

private View addMyView(){
		<span style="white-space:pre">		</span>//(1)
				LayoutInflater inflater=(LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
				//或LayoutInflater inflater = LayoutInflater.from(Activity.this);
				//或LayoutInflater inflater = getLayoutInflater();
				//(2)
				View view = inflater.inflate(R.layout.rizhi_pinglun, null);//你要加入的布局
				//(3)
				LayoutParams liaParams = new LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, 
						LinearLayout.LayoutParams.WRAP_CONTENT);
				liaParams.setMargins(20, 10,20, 10);//設置了左右上下邊距,可是無論用
				rizhitest.addView(view,liaParams);
				//LinearLayout.LayoutParams.WRAP_CONTENT));		
	}


這兒,由於 原布局文件是LinearLayout。所以 動態生成的Layout都位於原來布局全部控件的下方。僅僅要點擊button,就會生成新的layout,不會重疊。效果如圖:

技術分享技術分享


有個問題,假設原來的布局是RelativeLayout,能夠解決邊距問題。可是出現了一個問題,新生成的控件會覆蓋掉原來生成的控件。給人的感覺是,僅僅生成一個控件。我也不知道為什麽,歡迎大家提供好的建議。

RelativLayout xml文件: rizhi_test.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rizhitest"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:orientation="vertical"
      android:background="#CAE1FF"
    >
    <TextView 
        android:id="@+id/title"
    	android:layout_width="match_parent"
    	android:layout_height="wrap_content"
        android:background="@drawable/rizhi_title"
        android:text="xxx的日誌"
        android:gravity="center"
        android:textColor="#454545"
        android:textSize="25sp"
        />
    <TextView 
        android:id="@+id/rizhi_title"
    	android:layout_width="match_parent"
    	android:layout_height="wrap_content"
        android:background="#FFC0CB"
        android:text="塵埃落定,棲於之間"
        android:gravity="center"
        android:textColor="#454545"
        android:textSize="25sp"
        android:layout_below="@id/title"
        android:layout_margin="5dp"
        />
    <RelativeLayout 
        android:id="@+id/touxiang_layout"
        android:layout_width="match_parent"
     	android:layout_height="wrap_content"
        android:background="@drawable/rizhi_background_white"
        android:layout_margin="5dp"
        android:orientation="horizontal"
        android:layout_below="@id/rizhi_title"
        >
        <ImageView 
            android:id="@+id/touxiang"
	    	android:layout_width="50dp"
	    	android:layout_height="50dp"
            android:background="@drawable/touxiang"
            />
        <RelativeLayout 
	    	android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
	    	android:layout_marginLeft="70dp"
	    	android:background="#FFC0CB"
	    	android:layout_marginTop="5dp"
            >
             <TextView 
		        android:id="@+id/username"
		    	android:layout_width="wrap_content"
		    	android:layout_height="wrap_content"
		        android:text="陽光下的向日葵"
		        android:textColor="#454545"
		        android:textSize="15sp"
		        />
              <TextView 
		        android:id="@+id/rizhi_time"
		    	android:layout_width="wrap_content"
		    	android:layout_height="wrap_content"
		        android:text="2014年8月29日  12:45"
		        android:textColor="#454545"
		        android:textSize="15sp"
		        android:layout_below="@id/username"
		        android:layout_marginTop="3dp"
		        />
        </RelativeLayout>
   </RelativeLayout>
   <Button 
       android:id="@+id/button"
	   android:layout_width="wrap_content"
	   android:layout_height="wrap_content"
	   android:text="按鈕"
	   android:layout_below="@id/touxiang_layout"
       />
</RelativeLayout>


	private Context context;
	private Button button;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.rizhi_test);
		context = this;
		button = (Button) findViewById(R.id.button);
		final View nView = addMyView(button);
		button.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				
				addMyView(nView);
			}
		});
		
	}

private View addMyView(View xdView){
		//(1)
				LayoutInflater inflater=(LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
				//或LayoutInflater inflater = LayoutInflater.from(Activity.this);
				//或LayoutInflater inflater = getLayoutInflater();
				//(2)
				View view = inflater.inflate(R.layout.rizhi_pinglun, null);
				//(3)
				RelativeLayout rizhitest = (RelativeLayout) findViewById(R.id.rizhitest);
				RelativeLayout.LayoutParams relParams = new LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, 
						LinearLayout.LayoutParams.WRAP_CONTENT);
				relParams.setMargins(20, 10,20, 10);
				relParams.addRule(RelativeLayout.BELOW,xdView.getId());
				rizhitest.addView(view,relParams);
		return 	view;		
	}
測試效果如圖:


技術分享技術分享技術分享

動態加入子控件