這里寫圖片描述
這里寫圖片描述
首先書寫Xml文件
<LinearLayout
android:id="@+id/login_content"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/login_head"
android:layout_marginLeft="40dp"
android:layout_marginRight="40dp"
android:layout_weight="1"
android:background="@android:color/transparent"
android:orientation="vertical"
>
<!-- 和viewpager結(jié)合的 tab -->
<RelativeLayout
android:id="@+id/login_rl_tab"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:orientation="horizontal"
android:padding="10dp"
>
<TextView
android:id="@+id/login_tab_name1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="@+id/tag"
android:layout_centerVertical="true"
android:layout_marginRight="15dp"
android:background="@android:color/transparent"
android:clickable="true"
android:gravity="center"
android:text="@string/login_tab_name1"
/>
<TextView
android:id="@+id/login_tab_name2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/tag"
android:layout_centerVertical="true"
android:layout_marginLeft="15dp"
android:background="@android:color/transparent"
android:clickable="true"
android:gravity="center"
android:text="@string/login_tab_name2"
/>
<View
android:id="@+id/tag"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_centerInParent="true"
/>
<!-- 下劃線 -->
<View
android:id="@+id/login_view_divider"
android:layout_width="10dp"
android:layout_height="3dp"
android:layout_alignLeft="@+id/login_tab_name1"
android:layout_below="@+id/login_tab_name1"
android:layout_marginLeft="5dp"
android:layout_marginTop="10dp"
android:background="@android:color/black"
/>
</RelativeLayout>
<!-- 首頁主內(nèi)容區(qū)域 -->
<android.support.v4.view.ViewPager
android:id="@+id/login_vp_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/transparent"
>
</android.support.v4.view.ViewPager>
</LinearLayout>
獲取到下劃線的layout參數(shù)
mDividerParams = (RelativeLayout.LayoutParams) mLoginDivider.getLayoutParams();
初始化適配器
class MyViewPagerAdapter extends PagerAdapter {
@Override
public int getCount() {
return 2;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
View view;
// 使用賬號密碼登錄 加載相應(yīng)的布局
if (position == 1) {
view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.item_login_userpwd, null);
UserPwdViewHolder holder = new UserPwdViewHolder(view);
holder.mLoginToRegister.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
myStartActivity(getApplicationContext(), RegisterActivity.class);
}
});
} else {
// 使用 手機驗證碼登錄
view = LayoutInflater.from(getApplicationContext()).inflate(R.layout.item_login_phone_register, null);
PhoneViewHolder holder = new PhoneViewHolder(view);
setHintSize(holder.mRegisterPhone, holder.mLoginPhoneConfirm);
holder.mLoginToRegister.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
myStartActivity(getApplicationContext(), RegisterActivity.class);
}
});
}
container.addView(view);
return view;
}
// 單獨設(shè)置 Editext的 hint文本大小
private void setHintSize(EditText registerPhone, EditText loginPhoneConfirm) {
// 新建一個可以添加屬性的文本對象
SpannableString hintPhone = new SpannableString(UIUtils.getString(R.string.login_hint_phone));
SpannableString hintConfirm = new SpannableString(UIUtils.getString(R.string.login_hint_confirm));
// 新建一個屬性對象,設(shè)置文字的大小,true為dip
AbsoluteSizeSpan ass = new AbsoluteSizeSpan(13, true);
// 附加屬性到文本
hintPhone.setSpan(ass, 0, hintPhone.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
hintConfirm.setSpan(ass, 0, hintConfirm.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
// 設(shè)置hint
registerPhone.setHint(new SpannedString(hintPhone)); // 一定要進行轉(zhuǎn)換,否則屬性會消失
loginPhoneConfirm.setHint(new SpannedString(hintConfirm));
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
}
初始化page chang監(jiān)聽
/**
* 手機號快捷登陸 和 賬號密碼登錄的切換.
*/
class MyOnPageChangeListener implements ViewPager.OnPageChangeListener {
public static final int USER_PWD_LOGIN = 1;
public static final int PHONE_LOGIN = 0;
@Override
public void onPageScrolled(int position, float positionOffset, int positiofsetPixels) {
// 獲取滑動的最大距離
int dis = mLogin_rl_tab.getChildAt(1).getLeft() - mLogin_rl_tab.getChildAt(0).getLeft();
// 移動的距離
float moveDis = position * dis + positionOffset * dis;
if (moveDis > dis) {
mDividerParams.leftMargin = dis;
} else {
mDividerParams.leftMargin = (int) moveDis;
}
// 最初的位置,
if (mDividerMinLeft > mDividerParams.leftMargin) {
mDividerParams.leftMargin = mDividerMinLeft;
}
// 左右各少5dp
mDividerParams.leftMargin += UIUtils.dip2px(5);
mLoginDivider.setLayoutParams(mDividerParams);
}
@Override
public void onPageSelected(int position) {
}
@Override
public void onPageScrollStateChanged(int state) {
// 當(dāng)狀態(tài)為 空閑時, 改變下劃線的寬度
if (state == ViewPager.SCROLL_STATE_IDLE) {
int item = mLoginVpContent.getCurrentItem();
switch (item) {
case PHONE_LOGIN:
mDividerParams.width = mDividerWidthTab1;
mDividerParams.leftMargin = UIUtils.dip2px(5);
break;
case USER_PWD_LOGIN:
mDividerParams.width = mDividerWidthTab2;
break;
}
mLoginDivider.setLayoutParams(mDividerParams);
}
}
}
設(shè)置適配器,監(jiān)聽和下劃線的寬度
mLoginVpContent.setAdapter(new MyViewPagerAdapter());
// 設(shè)置頁面切換監(jiān)聽
mLoginVpContent.addOnPageChangeListener(new MyOnPageChangeListener());
// 修改分割線的寬度
mLoginDivider.post(new Runnable() {
@Override
public void run() {
mDividerWidthTab1 = mLoginTabName1.getWidth() - UIUtils.dip2px(10);
mDividerWidthTab2 = mLoginTabName2.getWidth() - UIUtils.dip2px(10);
mDividerParams.width = mDividerWidthTab1;
mLoginDivider.setLayoutParams(mDividerParams);
// mDividerMinLeft = mLoginDivider.getLeft();
mDividerMinLeft = mDividerParams.leftMargin;
}
});
設(shè)置上面兩個textview點擊監(jiān)聽
// 手機登錄
mLoginTabName1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mLoginVpContent.setCurrentItem(0);
}
});
// 賬號密碼登錄
mLoginTabName2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mLoginVpContent.setCurrentItem(1);
}
});
