1. 程式人生 > >手把手教你快速搞定京東APP設定頁面佈局

手把手教你快速搞定京東APP設定頁面佈局

[ 愛開發]陪伴你一起成長,一起進步

今天給大家分享的是關於自定義控制元件組合,節省開發時間。

如果你對自定義組合控制元件不怎麼熟悉,建議你先瀏覽這篇文章《手把手教你開發自定義控制元件

今天要分享的控制元件可以幫忙我們快速完成設定頁面佈局。譬如下面的京東設定頁面。

640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1

 其中像地址管理這一行,我們一般可以用TextView這個控制元件來實現

<TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_centerVertical="true"android:drawableRight=

"@drawable/icon_right"android:text="地址管理" />

對於右側的箭頭,我們可以藉助TextView的屬性drawableRight

來實現,至於底部的線條,我們可以這樣做

<Viewandroid:layout_width="match_parent"android:layout_height="1px"android:background="#bbbbbb" />

這樣做沒錯,幾行還可以接受,要是碰到再稍微複雜一點,譬如這樣的

0?wx_fmt=jpeg

如果再按照我們之前的做法,就得要放兩個TextView和一個ImageView控制元件

這樣我們的內心是不是開始有點抵觸了。

再或者這樣的:

0?wx_fmt=jpeg

有了NiceTextView,我們就不用那麼麻煩了。

對於左邊文字,右邊圖示的,我們可以這樣:

0?wx_fmt=jpeg

<com.aikaifa.nicetextview.NiceTextViewandroid:layout_width="match_parent"android:layout_height="50dp"ntv:sLeftTextString="地址管理"ntv:sRightIconRes="@drawable/icon_right" />

0?wx_fmt=jpeg

<com.aikaifa.nicetextview.NiceTextViewandroid:id="@+id/tv_login"android:layout_width=

"match_parent"android:layout_height="100dp"ntv:sLeftIconRes="@drawable/head_default"ntv:sLeftTextString="登入/註冊"ntv:sRightIconRes="@drawable/icon_right" />

<com.aikaifa.nicetextview.NiceTextViewandroid:layout_width="match_parent"android:layout_height="50dp"ntv:sLeftTextString="賬戶安全"ntv:sRightIconRes="@drawable/icon_right"ntv:sRightTextColor="@color/text_right"ntv:sRightTextString="密碼和支付等管理\u3000" />

sLineShow

控制元件點選事件:

/** * 點選事件* * @param listener listener物件* @return 返回物件*/public NiceTextView setOnNiceTextViewClickListener(OnNiceTextViewClickListener listener) {onNiceTextViewClickListener = listener;    return this;}public interface  OnNiceTextViewClickListener {void onNiceTextViewClick() ;    void onLeftTopClick() ;    void onLeftBottomClick();    void onLeftBottomClickTwo();}

專案地址:

https://github.com/88ios/NiceTextView/

【END】

0?wx_fmt=png