一个Activity左右分别显示一个ListFragment
来源:互联网 发布:淘宝实拍保护原理 编辑:程序博客网 时间:2024/06/07 19:48
前言: 今日付出的汗水,只为明日不一样的自己。唯有坚持不懈的努力,才能过上自己想要的生活转载请标明出处:
http://blog.csdn.net/w690333243/article/details/78274353
更多内容请访问【-小沫-专栏】
前天去面试,面试后让当场撸代码,面试官让写左边一个Fragment加载listview,右边也是一个fragment,加载Listview。之前几乎没写过这个,不过经过各种调试,最后撸出来了 ,效果差一点,我左边用的是ListFragment,右边是一个fragment,加载的是textview,不是listview(右边的不太符合要求)。这里把它补充完整,记录下来。
这种文章网上有很多,代码大致雷同,这里只介绍自己实现过程中遇到的问题
大致效果就是这样的,
介绍:
一个主MainActivity,里面加载了
左边一个LeftListFragment,右边一个RightListFragment
LeftListFragment 中ListView中每一行的显示内容,采用系统默认的layout:
android.R.layout.simple_list_item_1
RightListFragment 中ListView中每一行的显示内容,采用自定义的layout:
R.layout.layout_listview_item
点击左边的每一项时,右边的ListFragment更新数据
代码布局
一、MainActivity
1.1 类文件
MainActivity.java
package com.fragment.demo;import android.app.FragmentTransaction;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);//布局文件中如果没有使用fragment标签,使用的是LinearLayout或者Framelayout,代码中需添加如下代码加载Fragment LeftListFragment leftListFragment = new LeftListFragment(); RightListFragment rightListFragment = new RightListFragment(); //DetailFragment detailFragment = DetailFragment.newInstance("default"); FragmentTransaction transaction = getFragmentManager().beginTransaction(); transaction.add(R.id.left_fragment,leftListFragment,"leftListFragment");//添加leftListFragment并为其设置tag leftListFragment //transaction.add(R.id.right_fragment,detailFragment,"detailFragment"); transaction.add(R.id.right_fragment,rightListFragment,"rightListFragment");////添加rightListFragment并为其设置tag rightListFragment transaction.commit(); }}
1.2布局文件
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <FrameLayout//此处也可以使用LinearLayout,或者使用fragment,如果使用fragment需为此标签添加class属性 android:id="@+id/left_fragment" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" /> <FrameLayout android:id="@+id/right_fragment" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"//权重为了 平分布局 /></LinearLayout>
二、ListFragement介绍
ListFragment继承于Fragment。因此它具有Fragment的特性,能够作为activity中的一部分,目的也是为了使页面设计更加灵活。
相比Fragment,ListFragment的内容是以列表(list)的形式显示的。
ListFragment的布局默认包含一个list view。因此,
在ListFragment对应的布局文件中,必须指定一个 android:id 为”@android:id/list”的ListView控件! 若用户向修改list view的,可以在onCreateView(LayoutInflater, ViewGroup, Bundle)中进行修改。当然,用户也可以在ListFragment的布局中包含其它的控件。
2.1 LeftListFragment
2.11 类文件
LeftListFragment.java
package com.fragment.demo;import android.app.ListFragment;import android.os.Bundle;import android.support.annotation.Nullable;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ArrayAdapter;import android.widget.ListView;/** * Created by wangqixu on 2017/10/17. */public class LeftListFragment extends ListFragment { String arrays[] = {"星期一","星期二","星期三","星期四","星期五","星期六"}; public LayoutInflater mInflater; public static final String LeftListFragmentTag = "leftListFragmentTag"; public static LeftListFragment newInstance(String str){ LeftListFragment leftListFragment = new LeftListFragment(); Bundle bundle = new Bundle(); bundle.putString(LeftListFragmentTag,str); leftListFragment.setArguments(bundle); return leftListFragment; } @Override public void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); mInflater = getActivity().getLayoutInflater(); this.setListAdapter(new ArrayAdapter<String>(getActivity(),android.R.layout.simple_list_item_1,arrays));//为LeftListFragment设置适配器,其中LeftListFragment中的listview的每一项的布局使用系统自带布局android.R.layout.simple_list_item_1(里面只有个textview) } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = mInflater.inflate(R.layout.layout_leftfragment,container,false);//解析LeftListFragment的布局文件 return view; } @Override public void onListItemClick(ListView l, View v, int position, long id) { super.onListItemClick(l, v, position, id); /*DetailFragment detailFragment = new DetailFragment(); Bundle bundle = new Bundle(); bundle.putString(DetailFragment.DetailFragmentArg,String.valueOf(position)); detailFragment.setArguments(bundle); getFragmentManager().beginTransaction().replace(R.id.right_fragment,detailFragment).commit(); */ RightListFragment rightListFragment = (RightListFragment) getFragmentManager().findFragmentByTag("rightListFragment");//当点击LeftListFragment中listview的某一项时,会触发此方法。通过tag找到rightListFragment,MainActivity中add Fragment时设置的此tag,然后调用次Fragment中的refreshData()方法刷新数据,此方法会从新设置adapter//getFragmentManager().beginTransaction().replace(R.id.right_fragment,rightListFragment).commit(); rightListFragment.refreshData(position); }}
2.12 布局
下面是LeftListFragment对应的layout示例:layout_leftfragment.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <ListView android:id="@android:id/list"//必须写这个id,@id/android:list,@+id/android:list,这两种写法也可以,自己尝试下 android:layout_width="match_parent" android:layout_height="match_parent" /></LinearLayout>
2.3 RightListFragment
2.31 类文件
RightListFragment.java
package com.fragment.demo;import android.app.ListFragment;import android.os.Bundle;import android.support.annotation.Nullable;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ArrayAdapter;import android.widget.ListView;import android.widget.SimpleAdapter;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;/** * Created by wangqixu on 2017/10/17. */public class RightListFragment extends ListFragment { public LayoutInflater mInflater; public static final String LeftListFragmentTag = "leftListFragmentTag"; public static RightListFragment newInstance(String str){ RightListFragment leftListFragment = new RightListFragment(); Bundle bundle = new Bundle(); bundle.putString(LeftListFragmentTag,str); leftListFragment.setArguments(bundle); return leftListFragment; } @Override public void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); mInflater = getActivity().getLayoutInflater(); refreshData(0); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = mInflater.inflate(R.layout.layout_rightfragment,container,false); return view; } public void refreshData(int position){ this.setListAdapter(new SimpleAdapter(this.getActivity(),getData(position),R.layout.layout_listview_item,from,to)); } final String[] from = {"title","info"};////下面会使用SimpleAdapter,此数组中的内容将作为map中的key,构造SimpleAdapter时要求传入List集合,List中的元素要求是map final int[] to = new int[]{R.id.class_name,R.id.teacher_name};//listview中某一项布局的子元素id//将数组中的内容修改为R.id.title,R.id.info更好理解些 String[] className = {"英语","文学鉴赏","电影鉴赏","数据结构","大学物理","体育"};//将className数组名修改为classNameInfo更好理解些 String[] teacher = {"王五","李四","李磊","董卿","张雪","李梅梅"};//将teacher数组名修改为teacherInfo更好理解些public List<Map<String,Object>> getData(int position){ List<Map<String,Object>> list = new ArrayList<Map<String,Object>>(); //为listview添加一项内容,这项内容使用的布局文件是layout_listview_item.xml文件 //layout_listview_item.xml布局文件有两个textview,key为title的使用一个textview/class_name //key为info的使用一个textview/teacher_name Map<String,Object> map = new HashMap<String,Object>(); map.put("title","课程名称"); map.put("info",className[position]); list.add(map); map = new HashMap<String,Object>(); map.put("title","教师名称"); map.put("info",teacher[position]); list.add(map); return list; } @Override public void onListItemClick(ListView l, View v, int position, long id) { super.onListItemClick(l, v, position, id); }}
2.32 RightListFragment的布局文件
下面是RightListFragment对应的layout示例:
layout_rightfragment.xml(内容和layout_leftfragment.xml一样)
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <ListView android:id="@android:id/list" android:layout_width="match_parent" android:layout_height="match_parent" /></LinearLayout>
2.33 listview中某一项的布局文件
layout_listview_item.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:id="@+id/class_name"//在map中对应的key 为title,将此id改为title读代码时更好理解 android:textSize="15sp" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <TextView android:id="@+id/teacher_name"//在map中对应的key 为info,将此id改为info,读代码时更好理解 android:textSize="30sp" android:layout_width="wrap_content" android:layout_height="wrap_content" /></LinearLayout>
参考
http://blog.csdn.net/kakaxi1o1/article/details/29368645
http://www.cnblogs.com/mstk/p/5789265.html
- 一个Activity左右分别显示一个ListFragment
- 一个Activity的显示
- 一个Activity分别加载多个layout布局文件
- 显示意图激活另外一个activity
- 显示意图激活另外一个Activity
- 一个Android练手工程(ViewPager、Fragment、ListFragment、sqlite)
- android 一个activity调用另一个activity,窗口化显示
- 《如何在一个Activity的一部分中显示其他Activity》
- Android 在一个Activity的一部分中显示其他Activity
- 使用ListFragment显示列表
- Android自定义ListFragment 显示
- 将一个5*5 矩阵中最大的放在中间,四个角分别放最小的数据,顺序分别是左右上下,通过函数完成。
- 一个activity有多个fragment,分别设置每个fragment的状态栏颜色。
- 求大牛指引小弟:关于android实现一个activity实现左右带指引多图片横向循环
- Android activity加入左右监听手势,页面是一个listview,不影响listview的点击事件
- Android应用中的一个Activity显示一定时间后自动消失或转换到了一个Activity
- ListFragment与Activity共享事件
- ListFragment与Activity数据传送
- SQL把指定的数据排在最前列
- 欢迎使用CSDN-markdown编辑器
- iOS
- 八大排序算法-冒泡排序
- JPA和Hibernate的关系
- 一个Activity左右分别显示一个ListFragment
- java工厂模式的理解
- 数据结构<一> 排序算法之插入排序
- No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin
- java虚拟机 GC垃圾回收
- java多线程与多核心测试
- 1085. Perfect Sequence (25)
- Ubuntu上安装wine进行apt-get update时遇到的问题
- vim 插件 (安装 and 用法)