android 顶部横向滑动菜单效果
顶部横向滑动菜单效果
-
博客分类：
android进阶
android
这个是在在别人的基础上改的（基本上没改），我就不重造轮子了。 
先是自定义的横向ScollView，用Adapter模式填充数据
Java代码 
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;
@Override
protected 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() {
@Override
public void onChanged() {
oldPosition = 0;
buildItemView();
super.onChanged();
}
});
mBaseAdapter.notifyDataSetChanged();
}
@Override
public 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);
}
}
}
用法：
Java代码
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;
@Override
public 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() {
@Override
public void click(int position) {
// TODO Auto-generated method stub
tv.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 {
@Override
public int getCount() {
return navs.size();
}
@Override
public Object getItem(int position) {
return navs.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public 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;
}
}
}
布局：
Xml代码
<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>
具体看附件
androidDemo.zip (916.6 KB)
下载次数: 304
查看图片附件