android 启动页_Android新手不会项目？带你实现开发者头条(一) 启动页实现-CSDN博客

对于很多初学者或者刚工作的Android新手来说，我们的项目经验还停留在做demo的阶段，有没有一种很low的感觉，并且当你真正上手做大项目的时候又不知道把自己学到的东西用上去。。有一种自己家里有座金山却不知道可以用来换钱换吃的。

经过345大神的提醒，说觉得开发者头条这个app不错，用到了很多android中常用的技术，叫我写一系列的文章，去模仿一个商业的app。于是我去下载了一个开发者头条app(之前从未用过，是不是很out)。用了之后总结他的技术，打算以仿开发者头条项目为主线写一系列的Android开发教程中间会穿插各种常用到的知识点模块最终完成这样一个项目.

废话就说这么多了，开始今天的正题，带你实现开发者头条APP的启动页。

一.老规矩，先上效果图

从效果图中我们可以看出，整个滑动的界面就是一个ViewPager实现，然后监听ViewPager的滑动事件，改变底部四个小图标的切换，以及跳转到首页的按钮的隐藏显示。

二.代码实现

1).整个布局文件。上面是ViewPager，下面是四个小图标存放的容器。

 xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#FCF2E4">

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; @Override protected 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() { @Override public void onPageScrollStateChanged(int arg0) {} @Override public void onPageScrolled(int arg0, float arg1, int arg2) {} @Override public 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); } } } @Override public void gotoMain() { Intent intent = new Intent(this, MainActivity.class); startActivity(intent); finish(); } private boolean isFirst() { SharedPreferences setting = getSharedPreferences("headlines