导航条制作

1.进行UI设置，xmle布局

2.从ID找到相关LinearLayout，然后进行导航条数据输入(需要一个数据源)。在这里设置监听，以方便后面获取相对应的fragment

3.通过导航条具体的某个数值，进入一个继承listFragment的类。获取这个导航(item)相对应的fragment。再将这个fragment装入一个集合里面list<fragment>

4.通过一个pageview将这些fragment展示。使用了fragmentpageradapter

5.主页面主要进行一个onclicklistener接口的继承，然后重写其中方法。就可以得到数据和导航条连接起来的效果

1.xml布局：

<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" >

<!-- android:scrollbars设置none，去掉自带滚动条 -->

<HorizontalScrollView

android:scrollbars="none"

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="1"

android:id="@+id/scrollview">

<LinearLayout android:orientation="vertical"

android:layout_width="wrap_content"

android:layout_height="match_parent">

<!-- 模块标题栏 -->

<LinearLayout

android:orientation="horizontal"

android:layout_height="0dp"

android:layout_weight="9"

android:layout_width="wrap_content"

android:id="@+id/title_layout"></LinearLayout>

<!-- 小滑块 -->

<View

android:id="@+id/slipView"

android:layout_marginLeft="50dp"

android:layout_width="50dp"

android:layout_height="0dp"

android:layout_weight="1"

android:background="#f00"

/>

</LinearLayout>

</HorizontalScrollView>

<!-- 分隔线 -->

<View

android:layout_width="match_parent"

android:layout_height="1dp"

android:background="#f00"/>

<android.support.v4.view.ViewPager

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="9"

android:id="@+id/viewpager"

/>

</LinearLayout>

2.主函数mainactivity

package com.example.day19_4;

import java.util.ArrayList;

import java.util.List;

import android.os.Bundle;

import android.app.Activity;

import android.content.DialogInterface;

import android.graphics.Color;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentActivity;

import android.support.v4.view.ViewPager;

import android.support.v4.view.ViewPager.OnPageChangeListener;

import android.view.Gravity;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.HorizontalScrollView;

import android.widget.LinearLayout;

import android.widget.ScrollView;

import android.widget.TextView;

import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends FragmentActivity implements OnClickListener{

//把标题画出来，需要一个String[]

String[]titles={"热点","头天","体育","新闻","财经","娱乐","深圳","科技","汽车","游戏"};

//LinearLayout

LinearLayout title_layout;

//屏幕的宽度

int screenWidth;

//小滑块

View slipView;

ViewPager viewPager;

MyAdapter adapter;

HorizontalScrollView scrollView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//初始化Views

setupViews();

//画标题,获取整条标题

initTitles();

//初始化数据，设置viewpager的Adapter，使用fragmentpageradapter获取整个pager数据

initViewPager();

//给viewPager设置监听

setlistener();

}

private void setlistener() {

// TODO Auto-generated method stub

viewPager.setOnPageChangeListener(new OnPageChangeListener() {

@Override

public void onPageSelected(int arg0) {

//改变对应标题文字颜色

for (int i = 0; i < title_layout.getChildCount(); i++) {

//取出来

TextView tv=(TextView) title_layout.getChildAt(i);

//改变文字颜色

tv.setTextColor(Color.BLACK);

if(i==arg0){

tv.setTextColor(Color.RED);

}

}

}

/*

* 参数一：表示当前的页面位置

* 参数二：拖动偏移比

* 参数三：偏移像素点

* @see android.support.v4.view.ViewPager.OnPageChangeListener#onPageScrolled(int, float, int)

*/

@Override

public void onPageScrolled(int arg0, float arg1, int arg2) {

//1.获取滑块原有的属性

LinearLayout.LayoutParams params=(LayoutParams) slipView.getLayoutParams();

//2.根据arg0，设置对应的leftMargin

//arg0=2 leftMarge=1/4screenWidth

//params.leftMargin=(int)(arg0+arg1)*screenWidth/4;这样写无效

params.leftMargin=(int)((arg0+arg1)*screenWidth/4);

slipView.setLayoutParams(params);

//设置水平滚动条滚动，scrollTo表示滚动到

scrollView.scrollTo((arg0-1)*screenWidth/4, 0);

}

@Override

public void onPageScrollStateChanged(int arg0) {

// TODO Auto-generated method stub

}

});

}

//获取整个Fragment集合

private void initViewPager() {

//声明一个Fragment的集合

List<Fragment>list=new ArrayList<Fragment>();

//根据标题的个数，创建对应的ContentFragment

for (int i = 0; i < titles.length; i++) {

ContentFragment fragment=new ContentFragment();

Bundle bundle=new Bundle();

bundle.putString("url", titles[i]);

fragment.setArguments(bundle);

//加入到集合

list.add(fragment);

}

//初始化Adapter

adapter=new MyAdapter(getSupportFragmentManager(), list);

viewPager.setAdapter(adapter);

}

private void initTitles() {

// 把标题画到title_layout

//1.获取屏幕的宽

screenWidth=getResources().getDisplayMetrics().widthPixels;

//2.创建一个LayoutParams(布局里面没有)

LayoutParams params=new LayoutParams(screenWidth/4, LayoutParams.MATCH_PARENT);

//3.循环数组，创建TextView，并设置相关属性，添加到title_layout

for (int i = 0; i < titles.length; i++) {

//创建一个TextView，并且设置相关属性

TextView tv=new TextView(this);

//设置文本属性

tv.setText(titles[i]);

//设置文本对齐方式

tv.setGravity(Gravity.CENTER);

//设置文本颜色

tv.setTextColor(Color.BLACK);

//设置一个TAG：i

tv.setTag(i);

//设置监听事件

tv.setOnClickListener(this);

//设置params

//tv.setLayoutParams(params);

if(i==0){

tv.setTextColor(Color.RED);

}

//把TextView添加到title_layout

//title_layout.addView(tv);

title_layout.addView(tv, params);

}

//初始化滑块

//先获取原本的布局属性(布局里面已经是有了的)

LayoutParams slipParams=(LayoutParams) slipView.getLayoutParams();

//再设置宽度为screenWidth/4

slipParams.width=screenWidth/4;

//再设置leftMargin为0

slipParams.leftMargin=0;

//把设置好的属性再设置回去

slipView.setLayoutParams(slipParams);

}

private void setupViews(){

title_layout=(LinearLayout) findViewById(R.id.title_layout);

slipView=findViewById(R.id.slipView);

viewPager=(ViewPager) findViewById(R.id.viewpager);

scrollView=(HorizontalScrollView) findViewById(R.id.scrollview);

}

@Override

public void onClick(View v) {

//取出TextView设置的Tag

int index=(Integer) v.getTag();

//设置ViewPager页面

viewPager.setCurrentItem(index);

}

}

3.ContentFragment类：

package com.example.day19_4;

import java.util.ArrayList;

import java.util.List;

import android.os.Bundle;

import android.support.v4.app.ListFragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

public class ContentFragment extends ListFragment {

//通过传参，构造ArrayAdapter

//setListAdapter

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState) {

//获取参数

Bundle bundle=getArguments();

//取出URL

String url=bundle.getString("url");

//循环构造数据

List<String>list=new ArrayList<String>();

for (int i = 0; i < 40; i++) {

list.add(url+">>>>>>>>>");

}

//创建Arrayadapter

ArrayAdapter<String>adapter=new ArrayAdapter<String>(getActivity(), android.R.layout.simple_list_item_1,list);

setListAdapter(adapter);

return super.onCreateView(inflater, container, savedInstanceState);

}

}

4.继承FragmentPagerAdapter类：MyAdapter

package com.example.day19_4;

import java.util.List;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentPagerAdapter;

public class MyAdapter extends FragmentPagerAdapter {

List<Fragment>data;

public MyAdapter(FragmentManager fm,List<Fragment> list) {

super(fm);

// TODO Auto-generated constructor stub

data=list;

}

@Override

public Fragment getItem(int arg0) {

// TODO Auto-generated method stub

return data.get(arg0);

}

@Override

public int getCount() {

// TODO Auto-generated method stub

return data.size();

}

}