顶部横向滑动菜单效果

这个是在在别人的基础上改的（基本上没改），我就不重造轮子了。

先是自定义的横向ScollView，用Adapter模式填充数据

import com.example.demo.R;import android.content.Context;import android.database.DataSetObserver;import android.util.AttributeSet;import android.util.SparseArray;import android.view.Gravity;import android.view.LayoutInflater;import android.view.View;import android.view.View.OnClickListener;import android.view.animation.AccelerateDecelerateInterpolator;import android.view.animation.Animation;import android.view.animation.AnimationSet;import android.view.animation.ScaleAnimation;import android.view.animation.TranslateAnimation;import android.widget.BaseAdapter;import android.widget.FrameLayout;import android.widget.HorizontalScrollView;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.TextView;public class NavigationHorizontalScrollView extends HorizontalScrollView implements OnClickListener {public NavigationHorizontalScrollView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);init();}public NavigationHorizontalScrollView(Context context, AttributeSet attrs) {super(context, attrs);init();}public NavigationHorizontalScrollView(Context context) {super(context);init();}private FrameLayout mFrameLayout;private BaseAdapter mBaseAdapter;private SparseArray<View> mSparseArray;private int oldPosition;private TextView backView;private ImageView preImage, nextImage;@Overrideprotected void onScrollChanged(int l, int t, int oldl, int oldt) {super.onScrollChanged(l, t, oldl, oldt);resetImageView();}private void resetImageView() {/* 计算水平方向滚动条的滑块的偏移值。 */int ScrollOffset = computeHorizontalScrollOffset();/* 滚动条长度 */int ScrollExtent = computeHorizontalScrollExtent();/* 滚动条当前位置 */int curScrollLoc = ScrollOffset + ScrollExtent;/* scrollView 的可滚动水平范围是所有子视图的宽度总合。 */int ScrollRange = computeHorizontalScrollRange();/* 如果当前位置 在ScrollExtent 和 ScrollRange 之间,左右两边的View都显示 */if (curScrollLoc > ScrollExtent && curScrollLoc < ScrollRange) {if (preImage != null)preImage.setVisibility(View.VISIBLE);if (nextImage != null)nextImage.setVisibility(View.VISIBLE);return;}/* 如果滚动到最左边 */if (curScrollLoc == ScrollExtent) {if (preImage != null)preImage.setVisibility(View.INVISIBLE);return;}/* 如果滚动到最右边 */if (curScrollLoc >= ScrollRange) {if (nextImage != null)nextImage.setVisibility(View.INVISIBLE);return;}}private void init() {mFrameLayout = new FrameLayout(getContext());mFrameLayout.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));addView(mFrameLayout);mSparseArray = new SparseArray<View>();}private void buildItemView() {if (mBaseAdapter == null)return;LinearLayout linearLayout = new LinearLayout(getContext());for (int i = 0; i < mBaseAdapter.getCount(); i++) {View view = mBaseAdapter.getView(i, mSparseArray.get(i), this);view.setOnClickListener(this);mSparseArray.put(i, view);linearLayout.addView(mSparseArray.get(i));}LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.FILL_PARENT);layoutParams.gravity = Gravity.CENTER_VERTICAL;backView = (TextView) LayoutInflater.from(getContext()).inflate(R.layout.navigation_item, null);backView.setBackgroundResource(R.drawable.bg_view);backView.setPadding(0, 5, 0, 5);mFrameLayout.addView(backView, layoutParams);mFrameLayout.addView(linearLayout);}public void setAdapter(BaseAdapter baseAdapter) {if (baseAdapter == null)return;mBaseAdapter = baseAdapter;mBaseAdapter.registerDataSetObserver(new DataSetObserver() {@Overridepublic void onChanged() {oldPosition = 0;buildItemView();super.onChanged();}});mBaseAdapter.notifyDataSetChanged();}@Overridepublic void onClick(View v) {if (v.getId() == preImage.getId()) {fling(-800);return;}if (v.getId() == nextImage.getId()) {fling(800);return;}if (onItemClickListener != null) {int position = mSparseArray.indexOfValue(v);startAnimation(position);oldPosition = position;onItemClickListener.click(position);}}private void startAnimation(int position) {AnimationSet animationSet = new AnimationSet(true);animationSet.addAnimation(buildScaleAnimation(oldPosition, position));animationSet.addAnimation(buildTranslateAnimation(oldPosition, position));animationSet.setInterpolator(new AccelerateDecelerateInterpolator());/* 移动后不复原,不返回动画前的状态位置 */animationSet.setFillAfter(true);animationSet.setDuration(500);backView.startAnimation(animationSet);invalidate();}private Animation buildScaleAnimation(int oldPosition, int position) {float oldWidth = getItemView(oldPosition).getWidth();float newWidth = getItemView(position).getWidth();float fromX = oldWidth / backView.getWidth();float toX = newWidth / backView.getWidth();ScaleAnimation animation = new ScaleAnimation(fromX, toX, 1f, 1f, Animation.ABSOLUTE, 0.0f, Animation.ABSOLUTE,0.0f);return animation;}private Animation buildTranslateAnimation(int oldPosition, int position) {TranslateAnimation animation = new TranslateAnimation(getItemView(oldPosition).getLeft(), getItemView(position).getLeft(), 0, 0);return animation;}private View getItemView(int position) {return mSparseArray.get(position);}public interface OnItemClickListener {void click(int position);}private OnItemClickListener onItemClickListener;public void setOnItemClickListener(OnItemClickListener onItemClickListener) {this.onItemClickListener = onItemClickListener;}public void setImageView(ImageView preImage, ImageView nextImage) {this.preImage = preImage;this.nextImage = nextImage;if (preImage != null) {preImage.setOnClickListener(this);}if (nextImage != null) {nextImage.setOnClickListener(this);}}}

用法：

import java.util.ArrayList;import java.util.List;import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.ImageView;import android.widget.TextView;import com.example.demo.model.Navigation;import com.example.demo.widget.NavigationHorizontalScrollView;public class MainActivity extends Activity{private Context context;private List<Navigation> navs = buildNavigation();private NavigationHorizontalScrollView mHorizontalScrollView;private TextView tv;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);context=this;tv=(TextView)findViewById(R.id.tv);tv.setText("You clicked "+navs.get(0).getTitle());mHorizontalScrollView=(NavigationHorizontalScrollView)findViewById(R.id.horizontal_scrollview);mHorizontalScrollView.setImageView((ImageView) findViewById(R.id.iv_pre),(ImageView) findViewById(R.id.iv_next));mHorizontalScrollView.setOnItemClickListener(new NavigationHorizontalScrollView.OnItemClickListener() {@Overridepublic void click(int position) {// TODO Auto-generated method stubtv.setText("You clicked "+navs.get(position).getTitle());}});mHorizontalScrollView.setAdapter(new NavigationAdapter());}private List<Navigation> buildNavigation() {List<Navigation> navigations = new ArrayList<Navigation>();navigations.add(new Navigation(0, "url", "首页"));navigations.add(new Navigation(1, "url", "新闻"));navigations.add(new Navigation(2, "url", "科技"));navigations.add(new Navigation(3, "url", "设置"));navigations.add(new Navigation(4, "url", "朋友"));navigations.add(new Navigation(5, "url", "测试长标题"));navigations.add(new Navigation(7, "url", "测试"));navigations.add(new Navigation(6, "url", "我的宝贝"));return navigations;}class NavigationAdapter extends BaseAdapter {@Overridepublic int getCount() {return navs.size();}@Overridepublic Object getItem(int position) {return navs.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {if (convertView == null) {convertView = LayoutInflater.from(context).inflate(R.layout.navigation_item, null);}((TextView) convertView).setText(navs.get(position).getTitle());return convertView;}}}

布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <LinearLayout    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="horizontal"    >    <ImageView        android:id="@+id/iv_pre"        android:layout_width="30dip"        android:layout_height="30dip"        android:layout_gravity="center_vertical"        android:src="@drawable/ic_pre" />    <com.example.demo.widget.NavigationHorizontalScrollView        android:id="@+id/horizontal_scrollview"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center_vertical"        android:layout_weight="1"        android:paddingBottom="2dip"        android:paddingTop="2dip"        android:scrollbars="none" />    <ImageView        android:id="@+id/iv_next"        android:layout_width="30dip"        android:layout_height="30dip"        android:layout_gravity="center_vertical"        android:src="@drawable/ic_next" /></LinearLayout>    <FrameLayout        android:layout_width="fill_parent"        android:layout_height="fill_parent" >    <TextView         android:id="@+id/tv"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textColor="@android:color/black"        android:textSize="24sp"        android:layout_gravity="center"        />    </FrameLayout></LinearLayout>

具体看附件