废话就不多说了，开始今天的正题，带你实现开发者头条APP的启动页。
一.老规矩，先上效果图
从效果图中我们可以看出，整个滑动的界面就是一个ViewPager实现，然后监听ViewPager的滑动事件，改变底部四个小图标的切换，以及跳转到首页的按钮的隐藏显示。
二.代码实现
1).整个布局文件。上面是ViewPager，下面是四个小图标存放的容器。
<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="#FCF2E4"><android.support.v4.view.ViewPagerandroid:id="@+id/viewpager_launcher"android:layout_width="match_parent"android:layout_height="match_parent" /><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:orientation="vertical" ><LinearLayoutandroid:id="@+id/viewGroup"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_marginBottom="30dp"android:gravity="center_horizontal"android:orientation="horizontal"/></RelativeLayout></RelativeLayout>
2).LauncherActivity 首先判断是否第一次启动，如果不是第一次直接进入首页，是第一次启动就初始化ViewPager，设置适配器，设置ViewPager滑动监听，然后添加底部的。。。View。 在Viewpager监听函数里面改变底部图标的选中状态，如果是最后一页显示“开启我的头条”按钮。
/*** 第一次启动页面* * @author Ansen* @create time 2016-04-15*/@SuppressLint("ResourceAsColor")public class LauncherActivity extends FragmentActivity implements ILauncherView {private ViewPager viewpagerLauncher;private LauncherPagerAdapter adapter;private ImageView[] tips;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_luancher);if(!isFirst()){gotoMain();}viewpagerLauncher = (ViewPager) findViewById(R.id.viewpager_launcher);adapter = new LauncherPagerAdapter(this, this);viewpagerLauncher.setOffscreenPageLimit(2);viewpagerLauncher.setCurrentItem(0);viewpagerLauncher.setOnPageChangeListener(changeListener);viewpagerLauncher.setAdapter(adapter);viewpagerLauncher.setOnPageChangeListener(changeListener);ViewGroup group = (ViewGroup) findViewById(R.id.viewGroup);// 初始化底部显示控件tips = new ImageView[4];for (int i = 0; i < tips.length; i++) {ImageView imageView = new ImageView(this);if (i == 0) {imageView.setBackgroundResource(R.drawable.page_indicator_focused);} else {imageView.setBackgroundResource(R.drawable.page_indicator_unfocused);}tips[i] = imageView;LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(new ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));layoutParams.leftMargin = 10;// 设置点点点view的左边距layoutParams.rightMargin = 10;// 设置点点点view的右边距group.addView(imageView, layoutParams);}}private OnPageChangeListener changeListener = new OnPageChangeListener() {@Overridepublic void onPageScrollStateChanged(int arg0) {}@Overridepublic void onPageScrolled(int arg0, float arg1, int arg2) {}@Overridepublic void onPageSelected(int index) {setImageBackground(index);// 改变点点点的切换效果TextView tvStartHeadlines = (TextView) adapter.getViews().get(index).findViewById(R.id.tv_start_headlines);if (index == tips.length - 1) {// 最后一个tvStartHeadlines.setVisibility(View.VISIBLE);} else {tvStartHeadlines.setVisibility(View.INVISIBLE);}}};/*** 改变点点点的切换效果* @param selectItems*/private void setImageBackground(int selectItems) {for (int i = 0; i < tips.length; i++) {if (i == selectItems) {tips[i].setBackgroundResource(R.drawable.page_indicator_focused);} else {tips[i].setBackgroundResource(R.drawable.page_indicator_unfocused);}}}@Overridepublic void gotoMain() {Intent intent = new Intent(this, MainActivity.class);startActivity(intent);finish();}private boolean isFirst() {SharedPreferences setting = getSharedPreferences("headlines", 0);Boolean user_first = setting.getBoolean("FIRST", true);if (user_first) {// 第一次setting.edit().putBoolean("FIRST", false).commit();return true;} else {return false;}}}
3).LauncherPagerAdapter 继承PagerAdapter，在构造函数中初始化要显示的所有页面，其他的跟普通的适配器没啥区别，就多了两个重写的方法，destroyItem跟instantiateItem。destroyItem是删除一个页面，instantiateItem是加载一个页面。。
/*** ViewPager适配器* @author ansen* @create time 2016-04-15*/public class LauncherPagerAdapter extends PagerAdapter implements OnClickListener{private ILauncherView launcherView;private List<View> views;//每页显示的图片private int[] images=new int[]{R.drawable.tutorial_1,R.drawable.tutorial_2,R.drawable.tutorial_3,R.drawable.tutorial_4};public LauncherPagerAdapter(Context context,ILauncherView launcherView){views=new ArrayList<View>();this.launcherView=launcherView;//初始化每页显示的Viewfor(int i=0;i<images.length;i++){View item=LayoutInflater.from(context).inflate(R.layout.activity_luancher_pager_item, null);ImageView imageview=(ImageView) item.findViewById(R.id.imageview);imageview.setImageResource(images[i]);item.findViewById(R.id.tv_start_headlines).setOnClickListener(this);views.add(item);}}public List<View> getViews() {return views;}@Overridepublic int getCount() {return views == null ? 0 : views.size();}@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {return arg0==arg1;}@Overridepublic void destroyItem(ViewGroup container, int position, Object object){((ViewPager) container).removeView(views.get(position));}@Overridepublic Object instantiateItem(ViewGroup container, int position) {((ViewPager) container).addView(views.get(position), 0);return views.get(position);}@Overridepublic void onClick(View v) {launcherView.gotoMain();}}
4).还有每一页显示的item布局，以及“开启我的头条”按钮的背景shape我就不一一贴出来了。
关于Android开发之开发者头条(一)启动页实 就给大家介绍这么多。下篇文章给大家介绍Android开发之开发者头条(二)实现左滑菜单，感兴趣的朋友继续关注网站！
夺冠那一刻,豪情万丈!登顶那一瞬,万众瞩目!那一刻的嫣然一笑,
