一左侧标题列表
1.1布局 left_fragment.xml
<ListView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray"
android:listSelector="@drawable/onitem_selected_bkcolor"/>
1.2ListSelectoronitem_selected_bkcolor.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_window_focused="false"
android:drawable="@android:color/holo_green_dark"/>
<item
android:state_window_focused="true"
android:drawable="@android:color/holo_green_light"/>
</selector>
1.3自定义 ListItem 布局 代替android.R.layout.simple_list_item_1
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="30dp"
android:gravity="center_vertical"
android:paddingLeft="10dp"
android:textColor="@android:color/black"/>
1.4自定义 LeftFragment
package com.example.myfragments;
import android.app.Activity;
import android.app.ListFragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ListView;
//自定义回调函数
interface onItemSeletedListener
{
public void onItemSeleted(int position);
}
public class LeftFragment extends ListFragment {
onItemSeletedListener mCallback;
String[] data = {"item0","item1","item2","item3","item4","item5","item6","item7","item8","item9","item10","item11","item12","item13","item14","item15","item16"};
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO 自动生成的方法存根
return inflater.inflate(R.layout.left_fragment, container,false);
}
@Override
public void onActivityCreated(Bundle savedInstanceState) {
// TODO 自动生成的方法存根
setListAdapter(new ArrayAdapter<String>(getActivity(),
R.layout.listitem, data));
super.onActivityCreated(savedInstanceState);
}
@Override
public void onListItemClick(ListView l, View v, int position, long id) {
// TODO 自动生成的方法存根
mCallback.onItemSeleted(position);
}
@Override
public void onAttach(Activity activity) {
// TODO 自动生成的方法存根
super.onAttach(activity);
// This makes sure that the container activity has implemented
// the callback interface. If not, it throws an exception
try {
mCallback = (onItemSeletedListener) activity;
} catch (ClassCastException e) {
throw new ClassCastException("必须实现 onItemSeletedListener");
}
}
}
二右侧内容展示
2.1布局 right_fragment.xml
<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:background="@android:color/background_dark"
android:orientation="vertical"
tools:ignore="HardcodedText,UselessParent" >
<ScrollView
android:scrollbars="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/textview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="请选择左侧边栏 :)"
android:textColor="@android:color/holo_orange_dark"
android:textSize="30sp" />
</ScrollView>
</LinearLayout>
2.1自定义 RightFragment
package com.example.myfragments;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
public class RightFragment extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO 自动生成的方法存根
return inflater.inflate(R.layout.right_fragment, container,false);
}
//更新数据
public void update(int position)
{
TextView textview=(TextView)getActivity().findViewById(R.id.textview);
textview.setText("您选择了：" + String.valueOf(position)+"\n--------------"
+"\n大江东去浪淘尽，\n千古风流人物，\n故垒西边，\n人道是，\n三国周郎赤壁，\n乱石穿空，\n惊涛拍岸，\n卷起千堆雪，\n江山如画，\n一时多少豪杰。"
+"\n遥想公瑾当年，\n小乔初嫁了，\n雄姿英发，\n羽扇纶巾，\n谈笑间，\n樯橹灰飞烟灭，\n故国神游，\n多情应笑我，\n早生华发，\n人间如梦，\n一樽还酹江月。");
}
}
三添加到 main_layout.xml 中，附着于 Activity 显示
3.1布局 main_layout.xml
<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"
tools:ignore="DisableBaselineAlignment" >
<fragment
android:id="@+id/left_fragment"
android:name="com.example.myfragments.LeftFragment"
android:layout_width="70dp"
android:layout_height="match_parent"/>
<View
android:layout_width="2dp"
android:layout_height="match_parent"
android:background="@android:color/background_dark"/>
<fragment
android:id="@+id/right_fragment"
android:name="com.example.myfragments.RightFragment"
android:layout_width="wrap_content"
android:layout_height="match_parent"/>
</LinearLayout>
3.2MainActivity
package com.example.myfragments;
import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;
public class MainActivity extends Activity implements onItemSeletedListener{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main_layout);
////添加
//FragmentManager fragmentmanager=getFragmentManager();
//FragmentTransaction fragmenttransaction=fragmentmanager.beginTransaction();
//LeftFragment leftfragment=new LeftFragment();
//fragmenttransaction.add(R.id.left_fragment, leftfragment);
//fragmenttransaction.commit();
////删除
//FragmentManager fragmentmanager=getFragmentManager();
//FragmentTransaction fragmenttransaction=fragmentmanager.beginTransaction();
//Fragment leftfragment=fragmentmanager.findFragmentById(R.id.left_fragment);
//fragmenttransaction.remove(leftfragment);
//fragmenttransaction.commit();
////替换
//FragmentManager fragmentmanager=getFragmentManager();
//FragmentTransaction fragmenttransaction=fragmentmanager.beginTransaction();
//fragmenttransaction.replace(R.id.left_fragment, new LeftFragment());
//fragmenttransaction.commit();
}
@Override
public void onItemSeleted(int position) {
RightFragment rightFragment=(RightFragment) getFragmentManager().findFragmentById(R.id.right_fragment);
if(rightFragment != null)
rightFragment.update(position);
}
}
四结果展示
