5.侧边栏逻辑

UI框架结构图

相互传递数据的时候用这张图看，思路会比较清晰

1. 侧边栏布局

代码语言：javascript复制

<RelativeLayout 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="#000" >//背景黑色    <ListView        android:id="@ id/lv_list"        android:layout_width="match_parent"        android:layout_height="wrap_content"//没有点击时的那个效果，变成透明的了，写@null也行
        android:listSelector="@android:color/transparent"//分割条透明        android:divider="@android:color/transparent"//上边远点，要不然不好看        android:layout_marginTop="40dp" /></RelativeLayout>

listview的子项布局

代码语言：javascript复制

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="vertical"    android:padding="10dp" >    <TextView        android:id="@ id/tv_title"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:drawableLeft="@drawable/btn_menu_selector"        android:drawablePadding="5dp"        android:enabled="false"        android:text="新闻"        android:textColor="@drawable/text_menu_selector"        android:textSize="25sp" /></LinearLayout>

文字旁边的状态选择器，写成enable，在代码中如何使用，看后面

代码语言：javascript复制

<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_enabled="true" android:drawable="@drawable/menu_arr_select"/>    <item android:drawable="@drawable/menu_arr_normal"/></selector>

代码语言：javascript复制

<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_enabled="true" android:color="#f00"/>    <item android:color="@android:color/white"/></selector>

2.侧边栏

代码语言：javascript复制

public class LeftMenuFragment extends BaseFragment {	@ViewInject(R.id.lv_list)//注解的使用	private ListView lvList;	private ArrayList<NewsMenuData> mMenuList;//这在分装JSON数据的分装类中	private int mCurrentPos;// 当前被点击的菜单项	private MenuAdapter mAdapter;	@Override	public View initViews() {		View view = View.inflate(mActivity, R.layout.fragment_left_menu, null);		ViewUtils.inject(this, view);		return view;	}	@Override	public void initData() {		lvList.setOnItemClickListener(new OnItemClickListener() {			@Override			public void onItemClick(AdapterView<?> parent, View view,					int position, long id) {				mCurrentPos = position;				mAdapter.notifyDataSetChanged();//刷新，然后会调用adapter的GetView方法				setCurrentMenuDetailPager(position);// 设置当前菜单详情页				toggleSlidingMenu();// 隐藏			}		});	}	/**	 * 切换SlidingMenu的状态	 * 	 * @param b	 */	protected void toggleSlidingMenu() {		MainActivity mainUi = (MainActivity) mActivity;//拿到mainactivity		SlidingMenu slidingMenu = mainUi.getSlidingMenu();//拿到slidingmenu对象		slidingMenu.toggle();// 切换状态, 显示时隐藏, 隐藏时显示	}	/**	 * 设置当前菜单详情页	 * 	 * @param position	 */	protected void setCurrentMenuDetailPager(int position) {		MainActivity mainUi = (MainActivity) mActivity;		ContentFragment fragment = mainUi.getContentFragment();// 获取主页面fragment，所以main需要这个方法
// 获取侧边栏fragment	public LeftMenuFragment getLeftMenuFragment() {		FragmentManager fm = getSupportFragmentManager();		LeftMenuFragment fragment = (LeftMenuFragment) fm				.findFragmentByTag(FRAGMENT_LEFT_MENU);		return fragment;	}	// 获取主页面fragment	public ContentFragment getContentFragment() {		FragmentManager fm = getSupportFragmentManager();		ContentFragment fragment = (ContentFragment) fm				.findFragmentByTag(FRAGMENT_CONTENT);		return fragment;	}

		NewsCenterPager pager = fragment.getNewsCenterPager();// 获取新闻中心页面，所以在contentFargment也需要这个方法，这样一步一步的就拿个了NewsCenterPager 的方法	 // 获取新闻中心页面	public NewsCenterPager getNewsCenterPager() {		return (NewsCenterPager) mPagerList.get(1);	}
		pager.setCurrentMenuDetailPager(position);// 设置当前菜单详情页	}	// 设置网络数据	public void setMenuData(NewsData data) {		// System.out.println("侧边栏拿到数据啦:"   data);		mMenuList = data.data;//这个方法在新闻中心调用了，给侧便栏设置页面		mAdapter = new MenuAdapter();		lvList.setAdapter(mAdapter);	}	/**	 * 侧边栏数据适配器	 */	class MenuAdapter extends BaseAdapter {		@Override		public int getCount() {			return mMenuList.size();		}		@Override		public NewsMenuData getItem(int position) {			return mMenuList.get(position);		}		@Override		public long getItemId(int position) {			return position;		}		@Override		public View getView(int position, View convertView, ViewGroup parent) {			View view = View.inflate(mActivity, R.layout.list_menu_item, null);			TextView tvTitle = (TextView) view.findViewById(R.id.tv_title);//下面可以这样写，不过前提是让getItem方法返回NewsMenuData，也可以正常的写mMenuList.get(position)			NewsMenuData newsMenuData = getItem(position);			tvTitle.setText(newsMenuData.title);			if (mCurrentPos == position) {// 判断当前绘制的view是否被选中				// 显示红色				tvTitle.setEnabled(true);			} else {				// 显示白色				tvTitle.setEnabled(false);			}			return view;		}	}}

listview ui 布局

0 人点赞