動態加入子控件
我想實現:點擊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>
<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; }測試效果如圖:
動態加入子控件