TabSwitcher自定义控件(带滑动效果)

上一篇是不带滑动效果的，这次更新一下，带滑动效果的。喜欢什么随便挑。



注意：目前工程里的代码可是最新的。8.4 5:00

package com.ql.view;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Color;import android.util.AttributeSet;import android.util.Log;import android.view.Gravity;import android.view.View;import android.view.animation.LinearInterpolator;import android.view.animation.TranslateAnimation;import android.widget.FrameLayout;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.TextView;import android.widget.ImageView.ScaleType;import com.ql.app.R;public class TabSwitcher extends FrameLayout{private static final String tag="TabSwitcher";private Context context;private String[] texts;private int arrayId;private int selectedPosition=0;private int oldPosition=selectedPosition;private ImageView iv;private LinearLayout.LayoutParams params;private LinearLayout layout;private int iv_width;public TabSwitcher(Context context) {super(context);// TODO Auto-generated constructor stubinit();}public TabSwitcher(Context context, AttributeSet attrs) {super(context, attrs);// TODO Auto-generated constructor stubLog.i(tag, "--------------TabSwitcher2---------------------");init();TypedArray a=context.obtainStyledAttributes(attrs,R.styleable.custom);  arrayId=a.getResourceId(R.styleable.custom_arrayId, 0);//selectedPosition=a.getInt(R.styleable.custom_selectedPosition, 0);        a.recycle();}private void init(){context=getContext();FrameLayout.LayoutParams params=new FrameLayout.LayoutParams(FrameLayout.LayoutParams.FILL_PARENT,FrameLayout.LayoutParams.WRAP_CONTENT);setLayoutParams(params);setBackgroundResource(R.drawable.tabswitcher_long);}@Overrideprotected void onFinishInflate() {// TODO Auto-generated method stubsuper.onFinishInflate();Log.i(tag, "--------------onFinishInflate---------------------");if(arrayId!=0){texts=getResources().getStringArray(arrayId);}else{texts=new String[]{};}}OnClickListener listener = new OnClickListener(){@Overridepublic void onClick(View v) {// TODO Auto-generated method stubselectedPosition=(Integer)v.getTag();if(selectedPosition!=oldPosition){//doAnimation();oldPosition=selectedPosition;if(onItemClickLisener!=null){onItemClickLisener.onItemClickLisener(v, selectedPosition);}}}};@Overrideprotected void onSizeChanged(int w, int h, int oldw, int oldh) {// TODO Auto-generated method stubsuper.onSizeChanged(w, h, oldw, oldh);Log.i("tag", "---------------onSizeChanged--------------------");if(selectedPosition>texts.length-1){throw new IllegalArgumentException("The selectedPosition can't be > texts.length.");}layout=new LinearLayout(context);params=new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,this.getMeasuredHeight());//为了居中显示文字params.weight=1;params.gravity=Gravity.CENTER_VERTICAL;for(int i=0;i<texts.length;i++){TextView child=new TextView(context);child.setTag(i);child.setText(texts[i]);child.setTextSize(16);child.setTextColor(Color.BLACK);child.setGravity(Gravity.CENTER);child.setOnClickListener(listener);layout.addView(child,params);}oldPosition=selectedPosition;//iv_width=this.getMeasuredWidth()/texts.length;//计算ImageView的宽//LinearLayout.LayoutParams p=new LinearLayout.LayoutParams(iv_width,LinearLayout.LayoutParams.FILL_PARENT);                LinearLayout.LayoutParams p=new LinearLayout.LayoutParams(iv_width,this.getMeasuredHeight());//p.leftMargin=selectedPosition*iv_width;//无效，因为FrameLayout必须对齐左上角。iv=new ImageView(context);//iv.setImageResource(R.drawable.tabswitcher_short);//iv.setScaleType(ScaleType.FIT_XY);                iv.setBackgroundResource(R.drawable.tabswitcher_short);this.addView(iv,p);this.addView(layout,params);}private void doAnimation(){TranslateAnimation animation = new TranslateAnimation(oldPosition*iv_width, selectedPosition*iv_width, 0, 0);  animation.setInterpolator(new LinearInterpolator());  animation.setDuration(400);  animation.setFillAfter(true);  iv.startAnimation(animation);  }private OnItemClickLisener onItemClickLisener;public void setOnItemClickLisener(OnItemClickLisener onItemClickLisener) {this.onItemClickLisener = onItemClickLisener;}public interface OnItemClickLisener{void onItemClickLisener(View view,int position);}public void setTexts(String[] texts) {this.texts = texts;}//public void setSelectedPosition(int selectedPosition) {//this.selectedPosition = selectedPosition;//}}

用法：这里要注意selectedPosition不再是自定义属性了，所以不能设置初始化的时候选种哪个！也就是说初始化的时候只能选择第一个选项，只有这点与上一篇不同。

package com.ql.app;import android.app.Activity;import android.content.Context;import android.os.Bundle;import android.view.View;import android.widget.Toast;import com.ql.view.TabSwitcher;import com.ql.view.TabSwitcher.OnItemClickLisener;public class App extends Activity{private Context context;private TabSwitcher tabSwitcher;    /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        context=this;        tabSwitcher=(TabSwitcher)findViewById(R.id.tabSwitcher);        tabSwitcher.setOnItemClickLisener(onItemClickLisener);        //        tabSwitcher.setTexts(new String[]{"1","2","3"});    }        OnItemClickLisener onItemClickLisener=new OnItemClickLisener(){@Overridepublic void onItemClickLisener(View view, int position) {// TODO Auto-generated method stub//switch (position) {case 0:case 1:case 2:Toast.makeText(context, "position clicked:"+position, Toast.LENGTH_SHORT).show();break;default:break;}}        };}

利用这个功能也可以实现滑块的效果，只不过xml布局变一下而已，看下图：