当前位置: 移动技术网 > IT编程>移动开发>Android > FrameLayout和Fragment处理Android应用UI布局实例

FrameLayout和Fragment处理Android应用UI布局实例

2019年07月24日  | 移动技术网IT编程  | 我要评论

蔡少芬女儿,狗粮排行,左岸名苑业主论坛

将fragment与layout结合使用,一般都是主activity以frame填充activity的方式交互管理fragment :

1.由于用到getsupportfragmentmanager()之类,所以主activity的extends需为fragmentactivity:

  public class mainactivity extends fragmentactivity{
    ..........
  }

2.主activity的layout(xml文件)中建立多个frame并定义其android:id="@+id/xxx"
3.主activity内操作函数中,由查找id来对这些framelayout进行activity填充:
   添加语句如下

复制代码 代码如下:

   getsupportfragmentmanager().begintransaction().add(r.id.fragment_container2,new nullfrag()).commit();


   取得支持fragment管理()->开始交易()->添加(frame的id , fragment).交付(); 
   替换语句如下
   getsupportfragmentmanager().begintransaction().replace(r.id.fragment_container2,new nullfrag()).commit();
   取得支持fragment管理()->开始交易()->替代(frame的id , fragment).交付();
例:

复制代码 代码如下:

    public void click_btn_flag02(view view){
         getsupportfragmentmanager().begintransaction().replace(r.id.fragment_container2,new midfrag()).commit();
    }


注:函数参数要用view

下面我们来看实例:

2016225112753148.gif (800×600)
效果图的左边是一个列表,右边是列表item的详情。
先看一下布局文件(layout):

<?xml version="1.0" encoding="utf-8"?> 
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:orientation="horizontal" android:layout_width="match_parent" 
 android:layout_height="match_parent"> 
 <fragment 
  class="com.fragment.main.titlesfragment" 
  android:id="@+id/titles" android:layout_weight="1" 
  android:layout_width="0px" android:layout_height="match_parent" /> 
 <framelayout android:id="@+id/details" android:layout_weight="1" 
  android:layout_width="0px" android:layout_height="match_parent" 
  android:background="?android:attr/detailselementbackground" /> 
</linearlayout> 

        布局文件中使用了fragment标签和framelayout标签。android fragment使用 中介绍了2中嵌入fragment的方法,这个实例中都用到,从布局文件看到有了fragment标签,这是一种使用方法,framelayout标签将会成为第二种加载fragment的载体view。
        看一下程序实现(com.fragment.main.titlesfragment):

public class titlesfragment extends listfragment { 
 
 int mcurcheckposition = 0; 
 int mshowncheckposition = -1; 
 
 @override 
 public void onactivitycreated(bundle savedinstancestate) { 
  super.onactivitycreated(savedinstancestate); 
               
  setlistadapter(new arrayadapter<string>(getactivity(), 
    android.r.layout.simple_list_item_activated_1, 
    shakespeare.titles)); //使用静态数组填充列表 
  if (savedinstancestate != null) { 
   mcurcheckposition = savedinstancestate.getint("curchoice", 0); 
   mshowncheckposition = savedinstancestate.getint("shownchoice", -1); 
  } 
   getlistview().setchoicemode(listview.choice_mode_single); 
   showdetails(mcurcheckposition); 
 } 
 
 @override 
 public void onsaveinstancestate(bundle outstate) { 
  super.onsaveinstancestate(outstate); 
 
  outstate.putint("curchoice", mcurcheckposition); 
  outstate.putint("shownchoice", mshowncheckposition); 
 } 
 
 @override 
 public void onlistitemclick(listview l, view v, int position, long id) { 
  showdetails(position); 
 } 
 
 /** 
  *显示listview item 详情 
  */ 
 void showdetails(int index) { 
  mcurcheckposition = index; 
   getlistview().setitemchecked(index, true); 
 
   if (mshowncheckposition != mcurcheckposition) { 
 
    detailsfragment df = detailsfragment.newinstance(index); 
    fragmenttransaction ft = getfragmentmanager() 
      .begintransaction(); 
    ft.replace(r.id.details, df); 
    ft.settransition(fragmenttransaction.transit_fragment_fade); 
    ft.commit(); 
    mshowncheckposition = index; 
   }  
 } 
 
} 

titlesfragment
titlesfragment继承自fragment的子类listfragment,使用了一个静态数组填充列表,重写了onlistitemclick方法,showdetails方法展示listview item的详情。

detailsfragment df = detailsfragment.newinstance(index);//获取详情fragment的实例
fragmenttransaction ft = getfragmentmanager().begintransaction();//获取fragmenttransaction 实例
ft.replace(r.id.details, df); //使用detailsfragment 的实例
ft.settransition(fragmenttransaction.transit_fragment_fade);
ft.commit();//提交

看一下detailsfragment :

public class detailsfragment extends fragment { 
 
 /**  * create a new instance of detailsfragment, initialized to  * show the text at 'index'.  */ 
 public static detailsfragment newinstance(int index) { 
  detailsfragment f = new detailsfragment(); 
  // supply index input as an argument.   
  bundle args = new bundle(); 
  args.putint("index", index); 
  f.setarguments(args); 
  return f; 
 } 
 
 @override 
 public view oncreateview(layoutinflater inflater, viewgroup container, 
   bundle savedinstancestate) { 
  if (container == null) {    
   return null; 
  } 
  scrollview scroller = new scrollview(getactivity()); 
  textview text = new textview(getactivity()); 
 
  int padding = (int) typedvalue.applydimension( 
    typedvalue.complex_unit_dip, 4, getactivity().getresources() 
      .getdisplaymetrics()); 
  text.setpadding(padding, padding, padding, padding); 
  scroller.addview(text); 
  text.settext(shakespeare.dialogue[getarguments().getint("index", 0)]); 
  return scroller; 
 } 
} 

 
detailsfragment 中使用newinstance(int index)方法产生detailsfragment 实例并接受整型参数,重载了oncreateview方法创建view。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网