InputLayout

輸入框布局

在涉及注冊登錄等邏輯休涤,往往會有輸入框布局咏连,不同的項目往往UI樣式區(qū)別非常大敏弃,例如如下幾種

Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png

總結(jié)起來就是卦羡, UI樣式千變?nèi)f化, 但是功能上麦到,都是包含輸入框 和 功能按鈕绿饵, 一般輸入框只有一個, 但是功能按不止有一個瓶颠, 功能上只有拟赊,切換密碼可見性、清空功能粹淋;

第一次思考

我本打算做 許多UI模板吸祟,然后用布局工廠去造出來不同的布局, 這樣就能適用于實際開發(fā)場景桃移,但是問題來了屋匕,每寫一種Ui,都要在工廠里面配置一次谴轮,這樣還是非常不好的炒瘟。

第二次思考

我記得子View使用的屬性吹埠,可以來于父控件的 LayoutParams 所以我們可以寫一個自定義的相對布局第步、幀布局、線性布局去替換系統(tǒng)的缘琅,那么問題又來了粘都, 相同的代碼,我們需要寫3次刷袍,所以我們需要引入一些設(shè)計模式翩隧;

先看用法

Paste_Image.png

InputRelativeLayout

public class InputRelativeLayout extends RelativeLayout {
    private InputLayoutHelper inputLayoutHelper;

    public InputRelativeLayout(Context context) {
        super(context);
        initView();
    }

    public InputRelativeLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    private void initView() {
        setTag("ignore");
        inputLayoutHelper = new InputLayoutHelper();
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        inputLayoutHelper.onFinishInflate(this);
    }

    public static class LayoutParams extends RelativeLayout.LayoutParams implements IParamsProxy {
        private ParamsProxy paramsProxy;

        public LayoutParams(Context context, AttributeSet attrs) {
            super(context, attrs);
            paramsProxy = new ParamsProxy().obtainStyledAttributes(context, attrs);
        }

        @Override
        public IParams getInputParams() {
            return paramsProxy;
        }
    }

    @Override
    public RelativeLayout.LayoutParams generateLayoutParams(AttributeSet attrs) {
        return new LayoutParams(getContext(), attrs);
    }

}

源碼 InputLayout

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市呻纹,隨后出現(xiàn)的幾起案子堆生,更是在濱河造成了極大的恐慌,老刑警劉巖雷酪,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件淑仆,死亡現(xiàn)場離奇詭異,居然都是意外死亡哥力,警方通過查閱死者的電腦和手機(jī)蔗怠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進(jìn)店門墩弯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人寞射,你說我怎么就攤上這事渔工。” “怎么了桥温?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵引矩,是天一觀的道長。 經(jīng)常有香客問我侵浸,道長脓魏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任通惫,我火速辦了婚禮茂翔,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘履腋。我一直安慰自己珊燎,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布遵湖。 她就那樣靜靜地躺著悔政,像睡著了一般。 火紅的嫁衣襯著肌膚如雪延旧。 梳的紋絲不亂的頭發(fā)上谋国,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天,我揣著相機(jī)與錄音迁沫,去河邊找鬼芦瘾。 笑死,一個胖子當(dāng)著我的面吹牛集畅,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播挺智,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼祷愉,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了赦颇?” 一聲冷哼從身側(cè)響起二鳄,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎媒怯,沒想到半個月后订讼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡沪摄,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年躯嫉,在試婚紗的時候發(fā)現(xiàn)自己被綠了纱烘。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡祈餐,死狀恐怖擂啥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情帆阳,我是刑警寧澤哺壶,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站蜒谤,受9級特大地震影響山宾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鳍徽,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一资锰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧阶祭,春花似錦绷杜、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至瑰剃,卻和暖如春齿诉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背晌姚。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工粤剧, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人舀凛。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓俊扳,卻偏偏與公主長得像,于是被迫代替她去往敵國和親猛遍。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,514評論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,774評論 25 707
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案号坡? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,737評論 1 92
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫懊烤、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,065評論 4 62
  • 前幾天媽媽問我宽堆,表弟進(jìn)了微信里的家族群腌紧,可不可以也把我拉進(jìn)群里。一開始我是有所顧慮的畜隶,馬上在腦海中假設(shè)各種可能發(fā)生...
    遠(yuǎn)夏Natsu閱讀 738評論 0 0
  • 空氣清新壁肋,溫度恰好能溫暖心窩号胚,微風(fēng)劃過斑斕的挎包,吹出青春的旋律浸遗。 感謝自己今天沒有虛度時光猫胁。 明天的陽光,你在等...
    CHL_9b4d閱讀 69評論 0 0