文档章节

Fragment使用实例

紫韵
 紫韵
发布于 2016/06/29 21:39
字数 1307
阅读 62
收藏 0

下面通过一个实例介绍Fragment的使用。实例中的Activity通过两个Fragment将屏幕分为两个部分,左侧为一个显示标题的Fragment,右侧为一个显示内容的Fragment。当点击左侧某个标题时,高亮该标题并在右侧显示该标题对应的内容。具体效果如下: Fragment实例

###主Activity ####布局文件 为了使主Activity适用屏幕的变化,在横屏时将标题和内容在同一页面显示,而当处于竖屏时,采用两个页面分别显示标题和内容,下面为该Activity设置了两个同名的布局文件。res/layout/activity_train.xml(竖屏模式的布局文件) 下面这个布局中只有一个用于显示标题的Fragment,也就是说,当屏幕处于竖屏模式时,只哟标题是可见的,当某一标题被选中时,需要开启另一个activity显示相应的内容。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
  android:orientation="vertical"    
  android:layout_width="match_parent"    
  android:layout_height="match_parent">    

<fragment        
  android:id="@+id/train_title"        
  android:layout_width="match_parent"        
  android:layout_height="match_parent"        
  class="com.main.TrainTitleFragment"/>

</LinearLayout>

res/layout-land/activity_train.xml(横屏模式时的布局文件) 通过使用下面的布局文件,系统可以在Activity加载布局时立即实例化TrainTitleFragment(标题部分),而右侧的FrameLayout最开始只是一个空白的布局,需要等具体的内容加载后才会被实例化,每次用户选择一个标题时,也会进行实例化。

<?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,该Fragmetn是通过xml文件直接添加的-->
<fragment        
  android:id="@+id/train_title"        
  android:layout_width="0px"        
  android:layout_weight="1"        
  android:layout_height="match_parent"        
  class="com.main.TrainTitleFragment"/>    

<!--显示内容的Fragment,该Fragment需要通过Java代码动态添加-->
<FrameLayout        
  android:id="@+id/train_content"        
  android:layout_width="0px"        
  android:layout_weight="2"        
  android:layout_height="match_parent"/>

</LinearLayout>

####代码 主Activity的代码非常简单,只需要在onCreate方法中添加布局文件即可。

public class TrainActivity extends Activity {    
@Override    
protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);              
     setContentView(R.layout.activity_train);   
}
}

###标题Fragment 标题Fragment用于显示一个标题列表,继承自ListFragment。当列表中某一项被点击后,会根据屏幕状况而决定是实例化一个新的片段用于显示具体内容,还是开启一个新的Activity。

public class TrainTitleFragment extends ListFragment {   
  public static final String ARG_INTENT_INDEX = "arg_intent_index";  // 开启新的Activity时传递的参数  
  private static final String ARG_CUR_INDEX = "arg_cur_index";      // 设置当前位置的参数   
  private static boolean mDualPane = false;  // 判断是否为横屏模式的标识,true:横屏,false:竖屏   
  private int curIndex = 0;  //记录当前位置的变量,默认为0   
  private static String[] trainTitles;   // 标题数组   

  @Override   
  public void onCreate(Bundle savedInstanceState) {      
      super.onCreate(savedInstanceState);      // 从资源文件中获取标题数组      
      trainTitles = getResources().getStringArray(R.array.title_fragment);   
  }   

  @Override   
  public void onActivityCreated(Bundle savedInstanceState) {      
      super.onActivityCreated(savedInstanceState);      // 设置列表的适配器      
      setListAdapter(new ArrayAdapter<String>(getActivity(), 
      android.R.layout.simple_list_item_activated_1, trainTitles));      // 因为系统会自动根据屏幕模式而选择相应的布局文件,所以可以通过如下方式判断屏幕是否处于横屏模式     
      View desView = getActivity().findViewById(R.id.train_content);      
      mDualPane = desView != null && desView.getVisibility() == View.VISIBLE;      

      if (savedInstanceState != null) {         
          curIndex = savedInstanceState.getInt(ARG_CUR_INDEX, 0);      
      }      

      if (mDualPane) {
          getListView().setChoiceMode(AbsListView.CHOICE_MODE_SINGLE);                 
          showDes(curIndex); // 自定义的一个用于显示内容的函数      
       }  
  }   

  @Override   
  public void onSaveInstanceState(Bundle outState) {      
      super.onSaveInstanceState(outState);      
      outState.putInt(ARG_CUR_INDEX, curIndex);   
  }   

  @Override   
  public void onListItemClick(ListView l, View v, int position, long id) {      
      showDes(position);   
   }   
  /**    
    * 显示内容    
    * @param index:当前选中的标题位置    
    */   
  private void showDes(int index) {      
      curIndex = index;      
      if (mDualPane) {         
          getListView().setItemChecked(curIndex, true);         
          TrainDesFragment tdf = (TrainDesFragment) 
          getFragmentManager().findFragmentById(R.id.train_content);         
          if (tdf == null || tdf.getCurIndex() != curIndex) {            
              tdf = TrainDesFragment.newInstance(curIndex);            
              FragmentTransaction ft = getFragmentManager().beginTransaction();            
              ft.replace(R.id.train_content, tdf);            
              ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);   // 切换效果                    
              ft.commit();         
          }      
        } else {
           // 竖屏模式时开启TrainDesActivity,通过该Activity显示内容         
          Intent intent = new Intent(getActivity(), TrainDesActivity.class);               
          intent.putExtra(ARG_INTENT_INDEX, curIndex);         
          startActivity(intent);      
        }   
    }
}

###内容Fragment ####布局文件 布局文件很简单,只有一个用于显示内容的TextView。

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    
  android:layout_width="match_parent"    
  android:layout_height="match_parent"    
  android:background="@color/light_blue">    

<TextView        
  android:id="@+id/train_des"        
  android:layout_width="wrap_content"        
  android:layout_height="match_parent"        
  android:layout_margin="32dp"        
  android:textAppearance="?android:textAppearanceLarge"        
  android:textColor="@color/colorAccent"        
  android:textAlignment="textStart" />

</FrameLayout>

####Java代码

public class TrainDesFragment extends Fragment {    
   private static final String ARG_CURINDEX = "current_index";    
   private int curIndex;   // 记录当前位置    
   private static String[] desList; // 保存内容列表    

  /**     
    * 创建一个TrainDesFragment实例,显示index位置的标题对应的内容     
    */    
  public static TrainDesFragment newInstance(int index){        
      TrainDesFragment tdf = new TrainDesFragment();        
      Bundle args = new Bundle();        
      args.putInt(ARG_CURINDEX, index);        
      tdf.setArguments(args);        
      return tdf;    
  }    

  @Override    
  public void onCreate(@Nullable Bundle savedInstanceState) {            
      super.onCreate(savedInstanceState);        // 从资源文件中加载内容列表          
      desList = getResources().getStringArray(R.array.content_fragment);   
   
      if (savedInstanceState != null){            
          curIndex = savedInstanceState.getInt(ARG_CURINDEX);        
      }    
  }    

  @Override    
  public void onSaveInstanceState(Bundle outState) {        
      super.onSaveInstanceState(outState);        
      outState.putInt(ARG_CURINDEX, curIndex);    
  }    

  @Nullable    
  @Override    
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {        
      if (container == null) return null;     //当container为空时,意味着此时处于竖屏模式,则没必要实例化该Fragment        
      View view = inflater.inflate(R.layout.fragment_traindes, container, false);          
      TextView des = (TextView)view.findViewById(R.id.train_des);        
      des.setText(desList[getCurIndex()]);        
      return view;    
  }    

  public int getCurIndex(){        
      return getArguments().getInt(ARG_CURINDEX, 0);    
  }
}

###TrainDesActivity 当屏幕处于竖屏模式时,通过该Activity显示内容,在该Activity内部实例化一个显示内容的片段实例以显示内容信息。

public class TrainDesActivity extends FragmentActivity {   
   @Override   
  protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);        // 当屏幕处于横屏模式时,无需显示该Activity        
      if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE){           
          finish();            
          return;        
      }      

      if (savedInstanceState == null){// 当无已保存的状态信息时,加载显示内容的片段TrainDesFragment            
          TrainDesFragment fragment = TrainDesFragment.newInstance(getIntent().
                                      getExtras().getInt(TrainTitleFragment.ARG_INTENT_INDEX));            
          getFragmentManager().beginTransaction().add(android.R.id.content, fragment).commit();        
      }   
  }
}

© 著作权归作者所有

紫韵
粉丝 4
博文 21
码字总数 34323
作品 0
武汉
私信 提问
Android知识点回顾之Fragment

Fragment是在API 11(Android3.0)引入的,为了能够支持适配宽屏设备,提供灵活多变的UI设计。 Fragment是嵌在Activity里面能够交互的用户界面,它的存在必须依赖于Activity,不能独立存在。...

星泉毅
2017/12/03
0
0
Android Fragment 实例

Fragment是Android honeycomb 3.0新增的概念,在Android——Fragment介绍、Android Fragment使用、Android FragmentManage FragmentTransaction介绍中做了关于Fragment的详细介绍。这一片主要...

鉴客
2011/12/12
39.8K
3
Android类参考---Fragment(三)

类说明 1. 嵌套类 class Fragment.InstantiationException 当有一个实例化错误时,会通过instantiate(Context, String, Bundle)方法抛出这个异常类。 class Fragment.SavedState 通过Fragmen...

长平狐
2012/10/16
550
0
Android Fragment---跟Activity通信

尽管Fragment是作为一个独立于Activity来实现的一个对象,并且能够在多个Activity内部使用,但是一个给定的Fragment实例直接被捆绑包含它的Activity中。 特别是Fragment能够使用getActivity...

长平狐
2012/10/16
2.8K
0
Fragment Recreate(1)

Fragment Recreate(1) 杨辉的个人博客2015-09-27194 阅读 说明 一般都是用v4的Fragment实现,可以有 的支持,这里以 v4 版本为例。 命名 FragmentActivity 源码中的变量命名其实很乱,比如一...

杨辉的个人博客
2015/09/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周四乱弹 —— 当你简历注水但还是找到了工作

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @花间小酌 :#今日歌曲推荐# 分享成龙的单曲《男儿当自强》。 《男儿当自强》- 成龙 手机党少年们想听歌,请使劲儿戳(这里) @hxg2016 :刚在...

小小编辑
今天
3K
22
靠写代码赚钱的一些门路

作者 @mezod 译者 @josephchang10 如今,通过自己的代码去赚钱变得越来越简单,不过对很多人来说依然还是很难,因为他们不知道有哪些门路。 今天给大家分享一个精彩的 GitHub 库,这个库整理...

高级农民工
昨天
5
0
用好项目管理工具,人人都可以成为项目经理

现在市面上的项目管理工具越来越多了,但是大多数都是一些协同工具或轻量项目管理工具。如果是多团队、跨部门使用或者企业级的项目管理,从管理思想到工具运用,需要适应企业的业务流程体系,...

cs平台
昨天
13
0
只需一步,在Spring Boot中统一Restful API返回值格式与统一处理异常

统一返回值 在前后端分离大行其道的今天,有一个统一的返回值格式不仅能使我们的接口看起来更漂亮,而且还可以使前端可以统一处理很多东西,避免很多问题的产生。 比较通用的返回值格式如下:...

晓月寒丶
昨天
70
0
区块链应用到供应链上的好处和实际案例

区块链可以解决供应链中的很多问题,例如记录以及追踪产品。那么使用区块链应用到各产品供应链上到底有什么好处?猎头悬赏平台解优人才网小编给大家做个简单的分享: 使用区块链的最突出的优...

猎头悬赏平台
昨天
32
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部