Android实现网易新闻客户端首页效果

概述关于实现网易新闻客户端的界面，以前写过很多博客，请参考：Android实现网易新闻客户端效果

关于实现网易新闻客户端的界面，以前写过很多博客，请参考：

Android实现网易新闻客户端效果

Android实现网易新闻客户端侧滑菜单（一）

Android实现网易新闻客户端侧滑菜单（二）

今天用VIEwPager + FragmentAdapter + VIEwPagerIndicator@H_404_13@来实现。

VIEwPagerIndicator是一款分页指标小部件兼容VIEwPager，封装上做得非常不错，目前已为众多知名应用所使用。具体API的使用，大家可以下载官方demo示例研究研究就知道啦！

下载地址：https://github.com/JakeWharton/ViewPagerIndicator

sample是提供给我们的例子，library是库工程，我们需要将其作为我们自己项目的依赖库，我们新建一个AndroID工程，将library导入工程我就不介绍了。

注：

Eclipse: @H_404_13@如果你新建的项目libs目录下面有androID-support-v4.jar，你要将其删除，因为VIEwPageIndicator里面有这个库，我们项目中不允许两个androID-support-v4.jar，不删除我们的项目不能编译的。

AndroID Studio: @H_404_13@直接import module就行。

activity_main.xml

<linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent"  androID:orIEntation="vertical" >   <include layout="@layout/activity_top" />   <com.vIEwpagerindicator.TabPageIndicator  androID:ID="@+ID/indicator"  androID:layout_wIDth="match_parent"  androID:layout_height="wrap_content"  androID:background="@androID:color/transparent" >  </com.vIEwpagerindicator.TabPageIndicator>   <androID.support.v4.vIEw.VIEwPager  androID:ID="@+ID/vIEwpager"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent"  androID:background="#EEF3FA">  </androID.support.v4.vIEw.VIEwPager> </linearLayout> 

布局很简单，顶部引入了一个activity_top.xml的布局，具体内容可以自己定义。
MainActivity.java

package com.jackIE.neteasenews;  import androID.os.Bundle; import androID.support.v4.app.Fragment; import androID.support.v4.app.FragmentActivity; import androID.support.v4.vIEw.VIEwPager;  import com.vIEwpagerindicator.TabPageIndicator;  import java.util.ArrayList; import java.util.List;  public class MainActivity extends FragmentActivity {  private TabPageIndicator mTabPageIndicator;  private VIEwPager mVIEwPager;  private VIEwPagerIndicatorAdapter mAdapter;   private headlineFragment mheadlineFragment;  private EnjoyFragment mEnjoyFragment;  private HotspotFragment mHotspotFragment;  private SportFragment mSportFragment;  private HouseFragment mHouseFragment;  private List<Fragment> mFragmentList;   @OverrIDe  protected voID onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentVIEw(R.layout.activity_main);   initVIEw();  }   private voID initVIEw() {  mTabPageIndicator = (TabPageIndicator) findVIEwByID(R.ID.indicator);  mVIEwPager = (VIEwPager) findVIEwByID(R.ID.vIEwpager);   mheadlineFragment = new headlineFragment();  mEnjoyFragment = new EnjoyFragment();  mHotspotFragment = new HotspotFragment();  mSportFragment = new SportFragment();  mHouseFragment = new HouseFragment();   mFragmentList = new ArrayList<>();  mFragmentList.add(mheadlineFragment);  mFragmentList.add(mEnjoyFragment);  mFragmentList.add(mHotspotFragment);  mFragmentList.add(mSportFragment);  mFragmentList.add(mHouseFragment);   mAdapter = new VIEwPagerIndicatorAdapter(getSupportFragmentManager(),mFragmentList);  mVIEwPager.setAdapter(mAdapter);   //实例化TabPageIndicator然后设置VIEwPager与之关联  mTabPageIndicator.setVIEwPager(mVIEwPager,1);  } } 

VIEwPagerIndicatorAdapter.java

package com.jackIE.neteasenews;  import androID.support.v4.app.Fragment; import androID.support.v4.app.FragmentManager; import androID.support.v4.app.FragmentPagerAdapter;  import java.util.List;  public class VIEwPagerIndicatorAdapter extends FragmentPagerAdapter {  private List<Fragment> mFragmentList;   public static String[] TitleS = new String[] { "头条","娱乐","热点","体育","房产" };   public VIEwPagerIndicatorAdapter(FragmentManager fm,List<Fragment> fragmentList) {  super(fm);  this.mFragmentList = fragmentList;  }   @OverrIDe  public Fragment getItem(int position) {  return mFragmentList.get(position);  }   @OverrIDe  public int getCount() {  return mFragmentList.size();  }   @OverrIDe  public CharSequence getPageTitle(int position) {  return TitleS[position];  } } 

代码很简单，但是有一点，上面的Indicator是系统默认的，不太好看，所以还需要在styles.xml添加下面的样式：

<style name="StyledTabPageIndicator" parent="@androID:style/theme.light">  <item name="vpiTabPageIndicatorStyle">@style/CustomTabPageIndicator</item>  <item name="androID:windowNoTitle">true</item>  <item name="androID:animationDuration">5000</item>  <item name="androID:windowContentOverlay">@null</item>  </style>   <style name="CustomTabPageIndicator" parent="Widget">  <item name="androID:gravity">center</item>  <item name="androID:background">@drawable/tab_indicator</item>  <!--<item name="androID:background">@drawable/vpi__tab_indicator</item>-->  <item name="androID:paddingleft">22dip</item>  <item name="androID:paddingRight">22dip</item>  <item name="androID:paddingtop">8dp</item>  <item name="androID:paddingBottom">8dp</item>  <item name="androID:textAppearance">@style/CustomTabPageIndicator.Text</item>  <item name="androID:textSize">16sp</item>  <item name="androID:maxlines">1</item>  </style>   <style name="CustomTabPageIndicator.Text" parent="Widget">  <item name="androID:textcolor">@drawable/tab_text</item>  </style> 

注意：开发中过程中跟Fragment相关的类，导入包时会提示两个包androID.app 和 androID.support.v4.app，切记，要保证所有类都导入同一个包下的，否则会编译报错。

效果图如下：

附上源码地址：https://github.com/shineflower/NeteaseNews.git

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android实现网易新闻客户端首页效果全部内容，希望文章能够帮你解决Android实现网易新闻客户端首页效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。