关于新闻头条上面TextView下面ViewPager第三方应用

首先下个第三方的库Library

先写清单文件：里面写

在xml文件里写： application：

android:theme="@style/StyledIndicators" 

在res/values/styles/写以下xml文件：

<style name="StyledIndicators" parent="@android:style/Theme.Light">         <item name="vpiTabPageIndicatorStyle">@style/CustomTabPageIndicator</item>     </style>     <style name="CustomTabPageIndicator" parent="Widget.TabPageIndicator">         <item name="android:background">@drawable/tab_indicator</item>         <item name="android:textAppearance">@style/CustomTabPageIndicator.Text</item>         <item name="android:textSize">14sp</item>         <item name="android:dividerPadding" tools:targetApi="11" >8dp</item>         <item name="android:showDividers" tools:targetApi="11" >middle</item>         <item name="android:paddingLeft">10dp</item>         <item name="android:paddingRight">10dp</item>         <item name="android:fadingEdge">horizontal</item>         <item name="android:fadingEdgeLength">8dp</item>     </style>     <style name="CustomTabPageIndicator.Text" parent="android:TextAppearance.Medium">         <item name="android:typeface">monospace</item>         <item name="android:textColor">@drawable/selector_tabtext</item>     </style>

创建drawable/里面有3个文件设置背景颜色:

selector_tabtext.xml里面的写的内容如下：

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 被选中的颜色 --> <item android:state_selected="true" android:color="#EE2C2C" /> <!-- 按下的颜色 --> <item android:state_pressed="true" android:color="#EE2C2C" /> <!-- 焦点 --> <item android:state_focused="true" android:color="#EE2C2C" /> <item android:color="@android:color/black"/> </selector> tab_indicator.xml里面的内容如下：

<selector xmlns:android="http://schemas.android.com/apk/res/android">     <!-- state_selected:被选中   state_pressed:按下 -->          <!-- 没有选中,也没有按下时,颜色为透明 -->     <item android:state_selected="false" android:state_pressed="false" android:drawable="@android:color/transparent" />     <!-- 没有选中,在按下的过程中颜色为透明 -->     <item android:state_selected="false" android:state_pressed="true" android:drawable="@android:color/transparent" />          <!-- 选中,但是没有按下的时候(也就是按下松开) -->     <item android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/base_tabpager_indicator_selected" />     <!-- 选中并按下 -->     <item android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/base_tabpager_indicator_selected" /> </selector>

mainxml文件里面写以下布局：

<LinearLayout 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:orientation="vertical"     tools:context="com.bawei.zhishiqilianxi1.MainActivity" >     <com.viewpagerindicator.TabPageIndicator         android:id="@+id/indicator"         android:layout_width="match_parent"         android:layout_height="wrap_content" />     <android.support.v4.view.ViewPager         android:id="@+id/viewPager"         android:layout_width="match_parent"         android:layout_height="wrap_content" /> </LinearLayout>

在代码里面写指示器和ViewPager进行关联

public class MainActivity extends FragmentActivity{ String list[] = { "热点", "美文", "视频", "旅游", "汽车", "体育", "财经", "娱乐", "精选","热点", "美文", "视频", "旅游", "汽车", "体育", "财经", "娱乐", "精选", "文化" }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);

//找指示器id TabPageIndicator indicator = (TabPageIndicator) findViewById(R.id.indicator); //找viewpager的id

ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager); FragmentManager supportFragmentManager = getSupportFragmentManager(); viewPager.setAdapter(new MyPagerAdapter(supportFragmentManager,list)); //设置指示器和viewPager关联

indicator.setViewPager(viewPager); } } 在MyPagerAdapter里面

public class MyPagerAdapter extends FragmentPagerAdapter { private String[] list; public MyPagerAdapter(FragmentManager fm, String[] list) { super(fm); // TODO Auto-generated constructor stub this.list = list; } @Override public Fragment getItem(int arg0) { MyFragment myFragment = new MyFragment(); Bundle bundle = new Bundle(); bundle.putString("name", list[arg0]); myFragment.setArguments(bundle); return myFragment; } @Override public CharSequence getPageTitle(int position) { // TODO Auto-generated method stub return list[position]; } @Override public int getCount() { // TODO Auto-generated method stub return list.length; } }

图片放到drawable_hdpi里面:

其余就是在HomeFragement 写展示的东西了

下面是用了一个TabHost