XML布局
<HorizontalScrollView
android:id="@+id/hsv"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@+id/iamge_glide"
android:scrollbars="none"
android:background="#f0f0f0" >
<LinearLayout
android:id="@+id/id_gallery"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:orientation="horizontal" />
</HorizontalScrollView>
<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="match_parent" />
activity代码实现
private HorizontalScrollView hsv;
private ViewPager vp;
String[] name = new String[] { "推荐", "热点", "娱乐", "科技", "汽车", "体育", "财经",
"军事", "国际", "时尚", "视屏", "社会" };
private LinearLayout mGallery;
private int mScreenWidth;
private int mItemWidth = 0;
private ArrayList<String> list;
private int columnSelectIndex = 0;
private ArrayList<Fragment> fragments = new ArrayList<Fragment>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
initData();
initTabColumn();
initFragment();
}
private void initTabColumn() {
// TODO Auto-generated method stub
initScrollView();
int count = list.size();
for (int i = 0; i < count; i++) {
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
mItemWidth, LayoutParams.WRAP_CONTENT);
params.leftMargin = 5;
params.rightMargin = 5;
TextView columnTextView = new TextView(MainActivity.this);
columnTextView.setGravity(Gravity.CENTER);
columnTextView.setPadding(5, 5, 5, 5);
columnTextView.setId(i);
columnTextView.setText(list.get(i));
// 设置默认标签为选中状态
if (columnSelectIndex == i) {
columnTextView.setSelected(true);
columnTextView.setTextColor(Color.RED);
}
/*
* 设置点击事件监听
*/
columnTextView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
for (int j = 0; j < mGallery.getChildCount(); j++) {
TextView localView = (TextView) mGallery.getChildAt(j);
if (localView != v) {
localView.setSelected(false);
} else {
localView.setSelected(true);
vp.setCurrentItem(j);
}
}
int index = mGallery.indexOfChild(v);
}
});
mGallery.addView(columnTextView, i, params);
}
}
//把数组添加到list集合中
private void initData() {
list = new ArrayList<String>();
for (int i = 0; i < name.length; i++) {
list.add(name[i]);
}
System.out.println(list);
}
private void initView() {
// image_head = (ImageView) findViewById(R.id.image_head);
// right_head = (ImageView) findViewById(R.id.right_head);
hsv = (HorizontalScrollView) findViewById(R.id.hsv);
// right_head = (ImageView) findViewById(R.id.iamge_glide);
vp = (ViewPager) findViewById(R.id.vp);
mGallery = (LinearLayout) findViewById(R.id.id_gallery);
}
/**
image_head.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
sm.showMenu();//显示侧滑菜单
}
});
*/
public void initFragment() {
fragments.clear();
int count = list.size();
for (int i = 0; i < count; i++) {//根据list集合的长度创建fragment
Bundle data = new Bundle(); //传值给每个fragment
data.putString("text", list.get(i));
data.putInt("id", i);
MyFragment f = new MyFragment();
f.setArguments(data);
fragments.add(f);
}
MyFragmentPagerAdapter adapter = new MyFragmentPagerAdapter(
getSupportFragmentManager(), fragments);
vp.setAdapter(adapter);
vp.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
// TODO Auto-generated method stub
vp.setCurrentItem(arg0);
selectTab(arg0);
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub
}
@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub
}
});
}
private void selectTab(int tab_position) {
// TODO Auto-generated method stub
columnSelectIndex = tab_position;
View currTextView = mGallery.getChildAt(tab_position);
int w = currTextView.getMeasuredWidth();
int l = currTextView.getLeft();
int i2 = l + w / 2 - mScreenWidth / 2;
hsv.smoothScrollTo(i2, 0);
// 判断是否选中
for (int i = 0; i < mGallery.getChildCount(); i++) {
TextView eveTxetView = (TextView) mGallery.getChildAt(i);
boolean ischeck;
if (i == tab_position) {
ischeck = true;
eveTxetView.setTextColor(Color.RED);
} else {
ischeck = false;
eveTxetView.setTextColor(Color.BLACK);
}
eveTxetView.setSelected(ischeck);
}
}
private void initScrollView() {
mScreenWidth = NewsUtils.getWindowsWidth(MainActivity.this);
mItemWidth = mScreenWidth / 7;//计算HorizontalScrollView可以展示几个
mGallery.removeAllViews();
}
//NewsUtils中的计算
public final static int getWindowsWidth(Activity activity) {
DisplayMetrics dm = new DisplayMetrics();
activity.getWindowManager().getDefaultDisplay().getMetrics(dm);
return dm.widthPixels;
}
//MyFragmentPagerAdapter 适配器中的代码
package com.wt.ada;
import java.util.ArrayList;
import java.util.List;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.view.ViewGroup;
public class MyFragmentPagerAdapter extends FragmentPagerAdapter{
private List<Fragment> fragments;
private FragmentManager fm;
public MyFragmentPagerAdapter(FragmentManager fm) {
super(fm);
}
public MyFragmentPagerAdapter(FragmentManager fm,ArrayList<Fragment> fragments) {
super(fm);
this.fm = fm;
this.fragments = fragments;
}
@Override
public Fragment getItem(int arg0) {
// TODO Auto-generated method stub
return fragments.get(arg0);
}
@Override
public int getCount() {
// TODO Auto-generated method stub
System.out.println(fragments.size());
return fragments.size();
}
@Override
public int getItemPosition(Object object) {
// TODO Auto-generated method stub
return POSITION_NONE;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
Object obj = super.instantiateItem(container, position);
return obj;
}
}