使用RadioGroup和ViewPager打造主页界面效果

最新推荐文章于 2022-09-04 14:56:00 发布

走_心

最新推荐文章于 2022-09-04 14:56:00 发布

阅读量1k

点赞数

分类专栏：【Android】

本文链接：https://blog.csdn.net/tianchenglin/article/details/50173793

版权

【Android】专栏收录该内容

77 篇文章 0 订阅

订阅专栏

HomeActivity：

import android.os.Bundle;

import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;
import com.jeremyfeinstein.slidingmenu.lib.app.SlidingFragmentActivity;
import com.study.smartservice.fragment.HomeFragment;
import com.study.smartservice.fragment.MenuFragment;

public class HomeActivity extends SlidingFragmentActivity {

	private SlidingMenu slidingMenu;

	/**
	 * homeActivity使用帧布局，内可用fragment，拓展性强 如果要改变主页的内容，可直接重写homeFragment
	 */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_home);

		// SlidingMenu
		setBehindContentView(R.layout.fragment_menu);
		slidingMenu = getSlidingMenu();

		slidingMenu.setMode(SlidingMenu.LEFT);
		slidingMenu.setBehindOffsetRes(R.dimen.sliding_offset);
		slidingMenu.setShadowDrawable(R.drawable.shadow);
		slidingMenu.setShadowWidthRes(R.dimen.shadow_width);

		MenuFragment menuFragment = new MenuFragment();
		// 通过左侧车篮栏目去替换左侧侧拉栏目对应帧布局内容
		getSupportFragmentManager().beginTransaction()
				.replace(R.id.fl_menu_container, menuFragment, "MENU").commit();

		// container
		HomeFragment homeFragment = new HomeFragment();
		getSupportFragmentManager().beginTransaction()
				.replace(R.id.fl_home_container, homeFragment, "HOME").commit();
	}
}

HomeActivity的布局(acitivity_home)：只使用帧布局，提高了拓展性。

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

</FrameLayout>

BaseFragment：抽象了两个方法：initView()，initData()。继承这个类必须实现这两个方法。

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public abstract class BaseFragment extends Fragment {

	private View view;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		view = initView(inflater);
		return view;
	}

	public abstract View initView(LayoutInflater inflater);

	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		initData(savedInstanceState);
		super.onActivityCreated(savedInstanceState);
	}

	public abstract void initData(Bundle savedInstanceState);
	
	public View getRootView(){
		return view;
	}
}

BasePager：原理同上。

import android.content.Context;
import android.view.View;

public abstract class BasePager {

	protected Context context;
	private View view;

	public BasePager(Context context) {
		this.context = context;
		view = initView();
	}

	public abstract View initView();
	
	public abstract void initData();
	
	public View getRootView(){
		return view;
	}
}

HomeFragment：继承自BaseFragment。

import java.util.ArrayList;
import java.util.List;

import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;

import com.study.smartservice.R;
import com.study.smartservice.base.BaseFragment;
import com.study.smartservice.base.BasePager;
import com.study.smartservice.pager.FunctionPager;
import com.study.smartservice.pager.GovAffairsPager;
import com.study.smartservice.pager.NewsCenterPager;
import com.study.smartservice.pager.SettingPager;
import com.study.smartservice.pager.SmartServicePager;

public class HomeFragment extends BaseFragment {

	private RadioGroup radioGroup;
	private ViewPager viewPager;
	private List<BasePager> pagerList;

	@Override
	public View initView(LayoutInflater inflater) {

		View view = inflater.inflate(R.layout.fragment_home, null);

		viewPager = (ViewPager) view.findViewById(R.id.vp_container);
		radioGroup = (RadioGroup) view.findViewById(R.id.rg_main_radio);
		return view;
	}

	@Override
	public void initData(Bundle savedInstanceState) {
		pagerList = new ArrayList<BasePager>();
		pagerList.add(new FunctionPager(getActivity()));
		pagerList.add(new NewsCenterPager(getActivity()));
		pagerList.add(new SmartServicePager(getActivity()));
		pagerList.add(new GovAffairsPager(getActivity()));
		pagerList.add(new SettingPager(getActivity()));
		viewPager.setAdapter(new MyPagerAdapter());

		radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

			@Override
			public void onCheckedChanged(RadioGroup group, int checkedId) {
				switch (checkedId) {
				case R.id.rb_function:
					// 设置当前ViewPager指向哪一页
					viewPager.setCurrentItem(0);
					
					break;
				case R.id.rb_news_service:
					viewPager.setCurrentItem(1);
					break;
				case R.id.rb_smart_service:
					viewPager.setCurrentItem(2);
					break;
				case R.id.rb_gov_affairs:
					viewPager.setCurrentItem(3);
					break;
				case R.id.rb_setting:
					viewPager.setCurrentItem(4);
					break;
				}
			}
		});
		radioGroup.check(R.id.rb_function);
	}

	class MyPagerAdapter extends PagerAdapter {

		@Override
		public int getCount() {
			return pagerList.size();
		}

		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			return arg0 == arg1;
		}

		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			container.addView(pagerList.get(position).getRootView());
			return pagerList.get(position).getRootView();
		}

		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
			container.removeView(pagerList.get(position).getRootView());
		}
	}
}

HomeFragment的布局(fragment_home)：

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

   <!-- <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="35dp"
        android:background="@drawable/title_red_bg2"
        android:gravity="center"
        android:text="首页" />
          -->

    <android.support.v4.view.ViewPager
        android:id="@+id/vp_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" >
    </android.support.v4.view.ViewPager>

    <RadioGroup
        android:id="@+id/rg_main_radio"
        android:layout_width="match_parent"
        android:layout_height="60dip"
        android:background="@drawable/bottom_tab_bg"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:paddingTop="2dp" >

        <RadioButton
            android:id="@+id/rb_function"
            style="@style/main_tab_button"
            android:layout_weight="1"
            android:drawableTop="@drawable/icon_function"
            android:text="@string/main_tab_function_des" />

        <RadioButton
            android:id="@+id/rb_news_service"
            style="@style/main_tab_button"
            android:layout_weight="1"
            android:drawableTop="@drawable/icon_news_center"
            android:text="@string/main_tab_news_center_des" />

        <RadioButton
            android:id="@+id/rb_smart_service"
            style="@style/main_tab_button"
            android:layout_weight="1"
            android:drawableTop="@drawable/icon_smart_service"
            android:text="@string/main_tab_smart_service_des" />

        <RadioButton
            android:id="@+id/rb_gov_affairs"
            style="@style/main_tab_button"
            android:layout_weight="1"
            android:drawableTop="@drawable/icon_gov_affairs"
            android:text="@string/main_tab_gov_affairs_des" />

        <RadioButton
            android:id="@+id/rb_setting"
            style="@style/main_tab_button"
            android:layout_weight="1"
            android:drawableTop="@drawable/icon_setting"
            android:text="@string/main_tab_setting_des" />
    </RadioGroup>

</LinearLayout>

MenuFragment：

import com.study.smartservice.base.BaseFragment;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.TextView;


public class MenuFragment extends BaseFragment {

	@Override
	public View initView(LayoutInflater inflater) {
		
		//在此可以使用布局，并用listView填充。
		//方便起见不实现了
		TextView tv = new TextView(getActivity());
		tv.setText("左侧侧拉");
		return tv;
	}

	@Override
	public void initData(Bundle savedInstanceState) {
		//从网络加载数据填充
	}
}

以下是几个ViewPager：继承自BasePager。

import android.content.Context;
import android.view.View;
import android.widget.TextView;

import com.study.smartservice.base.BasePager;

public class FunctionPager extends BasePager {

	public FunctionPager(Context context) {
		super(context);
	}

	@Override
	public View initView() {
		TextView textView = new TextView(context);
		textView.setText("首页");
		return textView;
	}

	@Override
	public void initData() {

	}
}

.......后续要用ListView实现SlidingMenu的侧拉效果，还有要屏蔽掉原ViewPager的预加载功能以及触摸事件分发、屏蔽等。

运行效果：