Android-自訂多標題列組件

標籤：android   style   blog   http   color   java   io   ar   for   

1,當我們的項目有很多子項標題的時候.需要對標題實現左右滑動.點擊標題切換Fragment.當滑動最左邊的時候左箭頭消失,滑至右邊的時候同理.右箭頭消失.

1)因為我們要對滑動實現彈力效果.故應該重寫橫向滑動(onScrollChanged()監聽器用於對左右滑動框顯示控制)

/** * @author Lean */public class BounceHorizontalScrollView extends HorizontalScrollView {private static final int MAX_X_OVERSCROLL_DISTANCE = 30;// 最大Y軸移動尺寸private Context mContext;private int mMaxYOverscrollDistance;private View mLeftIndicator;private View mRightIndicator;public BounceHorizontalScrollView(Context context, AttributeSet attrs) {super(context, attrs);mContext = context;initBounceView();}public void setIndicator(View leftView,View rightView){mLeftIndicator=leftView;mRightIndicator=rightView;}private void initBounceView() {final DisplayMetrics metrics = mContext.getResources().getDisplayMetrics();final float density = metrics.density;mMaxYOverscrollDistance = (int) (density * MAX_X_OVERSCROLL_DISTANCE);}@Override@SuppressLint("NewApi")protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY, int scrollRangeX, int scrollRangeY, int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {return super.overScrollBy(deltaX, deltaY, scrollX, scrollY, scrollRangeX, scrollRangeY, mMaxYOverscrollDistance,maxOverScrollY, isTouchEvent);}@Overrideprotected void onScrollChanged(int l, int t, int oldl, int oldt) {super.onScrollChanged(l, t, oldl, oldt);if (mLeftIndicator!=null&&mRightIndicator!=null) {if (l<=0) {mLeftIndicator.setVisibility(View.GONE);mRightIndicator.setVisibility(View.VISIBLE);}if (l==180) {mLeftIndicator.setVisibility(View.VISIBLE);mRightIndicator.setVisibility(View.GONE);}else if(l<180&&l>0) {mLeftIndicator.setVisibility(View.VISIBLE);mRightIndicator.setVisibility(View.VISIBLE);}}}}

2.因為箭頭要呈現在介面最上,因此需要重寫FrameLayout.並把箭頭設定進滑動介面.

因為點擊後需要對外回調點擊事件,因此需要把點擊事件的任務交付給外面的業務類.

/** *健康標題 * * @author Lean  @date:2014-8-28   */public class TitleFrameView extends FrameLayout implements OnClickListener{private View mLeftIndic;private View mRightIndic;private BounceHorizontalScrollView mScrollView;public TitleFrameView(Context context, AttributeSet attrs) {super(context, attrs);}public void setItemClickListener(OnClickListener itemClickListener) {findViewById(R.id.unpay_tv).setOnClickListener(itemClickListener);findViewById(R.id.allpay_tv).setOnClickListener(itemClickListener);findViewById(R.id.unnurse_tv).setOnClickListener(itemClickListener);findViewById(R.id.nursing_tv).setOnClickListener(itemClickListener);findViewById(R.id.allnurse_tv).setOnClickListener(itemClickListener);}public void reShowItemTvColor(View v) {((TextView)findViewById(R.id.unpay_tv)).setTextColor(0xFFAFBEAD);((TextView)findViewById(R.id.allpay_tv)).setTextColor(0xFFAFBEAD);((TextView)findViewById(R.id.unnurse_tv)).setTextColor(0xFFAFBEAD);((TextView)findViewById(R.id.nursing_tv)).setTextColor(0xFFAFBEAD);((TextView)findViewById(R.id.allnurse_tv)).setTextColor(0xFFAFBEAD);((TextView)v).setTextColor(0xFFFFFFFF);}public void initDefault() {findViewById(R.id.unpay_tv).performClick();}@Overrideprotected void onFinishInflate() {super.onFinishInflate();mLeftIndic=findViewById(R.id.iv_left);mLeftIndic.setOnClickListener(this);mRightIndic=findViewById(R.id.iv_right);mRightIndic.setOnClickListener(this);mScrollView=(BounceHorizontalScrollView) findViewById(R.id.scroll);mScrollView.setIndicator(mLeftIndic, mRightIndic);}@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.iv_left:mScrollView.scrollBy(-180,0);break;case R.id.iv_right:mScrollView.scrollBy(180,0);break;default:break;}}}

其代碼的XML如下:

<?xml version="1.0" encoding="utf-8"?><com.csz.vc.zbhealth.widget.TitleFrameView    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:background="#1F9401" ><com.csz.vc.zbhealth.widget.BounceHorizontalScrollView     android:layout_width="match_parent"    android:layout_height="wrap_content"    android:id="@+id/scroll"    android:scrollbars="none"  >    <LinearLayout         android:layout_height="40dip"        android:layout_width="match_parent"        android:orientation="horizontal" >        <TextView            android:id="@+id/unpay_tv"             android:layout_height="match_parent"            android:layout_width="90dip"            android:text="@string/unpay"            android:textSize="18sp"            android:gravity="center"            android:textColor="@color/white"            android:background="#1F9401" />        <TextView            android:id="@+id/allpay_tv"             android:layout_height="match_parent"            android:layout_width="90dip"            android:text="@string/allpay"            android:textSize="18sp"            android:gravity="center"            android:textColor="@color/white"            android:background="#1F9401" />        <TextView             android:id="@+id/unnurse_tv"             android:layout_height="match_parent"            android:layout_width="90dip"            android:text="@string/unnurse"            android:textSize="18sp"            android:gravity="center"            android:textColor="@color/white"            android:background="#1F9401" />        <TextView             android:id="@+id/nursing_tv"             android:layout_height="match_parent"            android:layout_width="90dip"            android:text="@string/nursing"            android:textSize="18sp"            android:gravity="center"            android:textColor="@color/white"            android:background="#1F9401" />        <TextView             android:id="@+id/allnurse_tv"             android:layout_height="match_parent"            android:layout_width="90dip"            android:text="@string/allnurse"            android:textSize="18sp"            android:gravity="center"            android:textColor="@color/white"            android:background="#1F9401" />    </LinearLayout></com.csz.vc.zbhealth.widget.BounceHorizontalScrollView>    <ImageView        android:id="@+id/iv_left"         android:layout_height="match_parent"        android:layout_width="30dip"        android:layout_gravity="center_vertical|left"        android:scaleType="center"        android:src="@drawable/arrow_left" />    <ImageView         android:id="@+id/iv_right"         android:layout_height="match_parent"        android:layout_width="30dip"        android:layout_gravity="center_vertical|right"        android:scaleType="center"        android:src="@drawable/arrow_right" /></com.csz.vc.zbhealth.widget.TitleFrameView>

Android-自訂多標題列組件