這篇文章主要介紹了Android中如何實現自定義選項卡切換效果，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
本文實例為大家分享了Android自定義選項卡切換效果的具體代碼，供大家參考，具體內容如下
1、布局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="232dp" android:layout_height="32dp" android:background="@drawable/leave_back_tab_bg_selector" android:orientation="horizontal"> <TextView android:id="@+id/tvLeaveNum" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/leave_back_button_bg_selector" android:gravity="center" android:layout_weight="1" android:textColor="@color/white" android:textSize="14sp" android:clickable="true" android:focusable="true" android:focusableInTouchMode="true" android:text="@string/leave_crews_num"/> <TextView android:id="@+id/tvBackNum" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/leave_back_button_bg_selector" android:gravity="center" android:layout_weight="1" android:textColor="@color/white" android:textSize="14sp" android:clickable="true" android:focusable="true" android:focusableInTouchMode="true" android:text="@string/back_crews_num"/> </LinearLayout>
leave_back_button_bg_selector：
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <stroke android:width="1dp" android:color="#328BDD" /> <corners android:radius="3dp" /> <solid android:color="@color/transparent" /> </shape> </item> </selector>
leave_back_button_bg_selector
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="true"> <shape android:shape="rectangle"> <stroke android:width="1dp" android:color="#328BDD" /> <corners android:radius="3dp" /> <solid android:color="#328BDD" /> </shape> </item> <item> <shape android:shape="rectangle"> <stroke android:width="1dp" android:color="@color/transparent" /> <corners android:radius="3dp" /> <solid android:color="@color/transparent" /> </shape> </item> </selector>
2、控件封裝
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;
import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnFocusChange;
public class LeaveBackTitleTabView extends LinearLayout {
public final static int INDEX_LEAVE = 1;
public final static int INDEX_BACK = 2;
@BindView(R.id.tvBackNum)
TextView tvBackNum;
@BindView(R.id.tvLeaveNum)
TextView tvLeaveNum;
private Context mContext;
private ITabChangeListener tabChangeListener;
public void setTabChangeListener(ITabChangeListener tabChangeListener) {
this.tabChangeListener = tabChangeListener;
}
public LeaveBackTitleTabView(Context context) {
super(context);
mContext = context;
}
public LeaveBackTitleTabView(Context context, AttributeSet attrs) {
super(context, attrs);
mContext = context;
View view = (View) LayoutInflater.from(context).inflate(R.layout.view_leave_back_list_tab, this, true);
ButterKnife.bind(view);
}
@OnFocusChange({R.id.tvLeaveNum,R.id.tvBackNum})
public void doFocusChanged(View view){
switch(view.getId()){
case R.id.tvLeaveNum :
if(tabChangeListener != null){
tabChangeListener.onTabChanged(INDEX_LEAVE);
}
break;
case R.id.tvBackNum:
if(tabChangeListener != null){
tabChangeListener.onTabChanged(INDEX_BACK);
}
break;
}
}
public void setCrewsNum(int leaveNum,int backNum){
tvLeaveNum.setText(String.format(getResources().getString(R.string.leave_crews_num), String.valueOf(leaveNum)));
tvBackNum.setText(String.format(getResources().getString(R.string.back_crews_num), String.valueOf(backNum)));
if(leaveNum > 0 && backNum > 0){
tvLeaveNum.requestFocus();
}else if(leaveNum > 0 && backNum == 0){
tvLeaveNum.setClickable(true);
tvLeaveNum.setFocusable(true);
tvBackNum.setClickable(false);
tvBackNum.setFocusable(false);
tvLeaveNum.requestFocus();
}else if(leaveNum == 0 && backNum > 0){
tvLeaveNum.setClickable(false);
tvLeaveNum.setFocusable(false);
tvBackNum.setClickable(true);
tvBackNum.setFocusable(true);
tvBackNum.requestFocus();
}else{
tvLeaveNum.setClickable(false);
tvLeaveNum.setFocusable(false);
tvBackNum.setClickable(false);
tvBackNum.setFocusable(false);
}
}
/**
* TAB切換時的listener
*/
public interface ITabChangeListener{
public void onTabChanged(int index);
}
}3、使用方法
<com.hisign.ship_terminal_hs518.view.LeaveBackTitleTabView android:layout_width="232dp" android:layout_height="32dp" android:layout_marginTop="10dp" android:visibility="gone" android:id="@+id/lttTitle"> </com.hisign.ship_terminal_hs518.view.LeaveBackTitleTabView>
4、注冊回調事件（一般在UI界面上進行注冊）
/**
* 離船和在船船員信息列表
*/
private LeaveBackTitleTabView.ITabChangeListener iTabChangeListener = new LeaveBackTitleTabView.ITabChangeListener() {
@Override
public void onTabChanged(int index) {
switch (index) {
case LeaveBackTitleTabView.INDEX_LEAVE:
// 界面上點擊了離船
ll_leave_crews.setVisibility(View.VISIBLE);
ll_back_crews.setVisibility(View.GONE);
break;
case LeaveBackTitleTabView.INDEX_BACK:
// 界面上點擊了在船
ll_back_crews.setVisibility(View.VISIBLE);
ll_leave_crews.setVisibility(View.GONE);
break;
}
}
};5、注意事項：
（1）、控件需要能響應點擊事件，同時切換到某一選項時，該選項卡需要顯示選中的狀態，所以在控件中需要指定：
android:clickable="true" android:focusable="true" android:focusableInTouchMode="true"
但是這樣設置了之后，控件就在點擊時就不能在點擊的第一下響應onClick點擊事件，我的做法是響應onFouceChange事件
（2）、為啥這樣設置，在點擊的第一下就不響應onClick了呢？源碼中顯示w 在 onTouchEvent() 中的 MotionEvent.ACTION_UP 中對focus做了處理， 如果View focusableInTouchMode 是true, 并且當前沒有獲得焦點, 那么會嘗試獲取焦點, 并且不會調用 performClick()。
public boolean onTouchEvent(MotionEvent event) {
...
if (((viewFlags & CLICKABLE) == CLICKABLE ||
(viewFlags & LONG_CLICKABLE) == LONG_CLICKABLE) ||
(viewFlags & CONTEXT_CLICKABLE) == CONTEXT_CLICKABLE) {
switch (action) {
case MotionEvent.ACTION_UP:
boolean prepressed = (mPrivateFlags & PFLAG_PREPRESSED) != 0;
if ((mPrivateFlags & PFLAG_PRESSED) != 0 || prepressed) {
boolean focusTaken = false;
if (isFocusable() && isFocusableInTouchMode() && !isFocused()) {
focusTaken = requestFocus();
}
if (prepressed) {
setPressed(true, x, y);
}
if (!mHasPerformedLongPress && !mIgnoreNextUpEvent) {
removeLongPressCallback();
if (!focusTaken) {
if (mPerformClick == null) {
mPerformClick = new PerformClick();
}
if (!post(mPerformClick)) {
performClick();
}
}
}
...
}感謝你能夠認真閱讀完這篇文章，希望小編分享的“Android中如何實現自定義選項卡切換效果”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
