成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

一個(gè)App完成入門篇（四）- 完成反饋頁面

FleyX / 3019人閱讀

摘要：上一節(jié)中我們學(xué)會(huì)了如何通過點(diǎn)擊不同按鈕切換頁面，這節(jié)專注于完成反饋頁面的功能以及細(xì)節(jié)動(dòng)畫。直接引用頁面要實(shí)現(xiàn)文章頂部的效果圖第三張所示效果，我們首先要多帶帶添加一個(gè)頁面，只放一個(gè)組件，并將頁面的其他地方設(shè)置為灰色透明效果，

上一節(jié)中我們學(xué)會(huì)了如何通過點(diǎn)擊不同按鈕切換頁面，這節(jié)專注于完成反饋頁面的功能以及細(xì)節(jié)動(dòng)畫。

導(dǎo)入項(xiàng)目
添加新組件
同步新組件
完成頁面布局
輸入時(shí)加動(dòng)畫效果
彈出日期選擇
直接引用UI頁面
將要學(xué)習(xí)的demo效果圖如下所示

導(dǎo)入完整項(xiàng)目

本節(jié)示例demo請(qǐng)參考下載地址，可以導(dǎo)入到設(shè)計(jì)器中學(xué)習(xí)。

添加新組件
本節(jié)中將要用到兩個(gè)新組件，do_DateTimePicker和do_Picker組件，這兩個(gè)組件是在創(chuàng)建應(yīng)用時(shí)沒有的，需要從組件商店中添加。在第一節(jié)Hello World教程中，我們通過設(shè)計(jì)器新建的項(xiàng)目，會(huì)在開發(fā)者中心-應(yīng)用開發(fā)創(chuàng)建一個(gè)相應(yīng)的應(yīng)用，如圖所示

我們點(diǎn)擊應(yīng)用配置按鈕，進(jìn)入應(yīng)用配置頁，選擇“組件配置”，如下圖所示

藍(lán)框中的內(nèi)容是當(dāng)前應(yīng)用可使用的組件列表，每個(gè)組件都有不同版本，每個(gè)版本對(duì)應(yīng)著更新了不同內(nèi)容，用戶在使用時(shí)選擇自己想用的版本即可；點(diǎn)擊綠框中的“添加組件”按鈕，然后選擇“商店組件”，找到do_Picker和do_DataTimePicker組件，點(diǎn)擊后面的“+”號(hào)進(jìn)行添加組件操作，此時(shí)再返回“組件列表”中就可以看到剛剛我們新添加的兩個(gè)組件了。

同步新組件
想要在設(shè)計(jì)器中使用剛剛添加的兩個(gè)組件，只需要在WorkSpace中選中該應(yīng)用，再點(diǎn)擊一下同步按鈕即可。這樣我們從商店選擇的新組件就可以在設(shè)計(jì)器中使用了。

完成頁面布局
分析一下頁面布局，這里我們使用一個(gè)線性布局LinearLayout(紅框)去包裹四個(gè)絕對(duì)布局ALayout（藍(lán)框）這四個(gè)ALayout的ID從上到下分別設(shè)置為do_ALayout_3、do_ALayout_createTime、do_ALayout_type和do_ALayout_7，因?yàn)榫€性布局所有內(nèi)部子控件都從上向下羅列，保證組件直接緊密排列，每個(gè)ALayout中又去分別包裹Label標(biāo)簽組件、TextBox、TextField等用于顯示和輸入的組件，最底下都有一個(gè)height為1，bgColor為灰色的ALayout作為一條分割線。

輸入時(shí)加動(dòng)畫效果
在ID為do_ALayout_3的ALayout中，添加一個(gè)Label組件（修改ID為do_Label_title）和一個(gè)單行文本TextField（修改ID為do_TextField_title），通過給Label設(shè)置text屬性為“標(biāo)題”來展示我們想要顯示的文字；修改TextField的hint屬性為“標(biāo)題”能讓該組件在text屬性為空時(shí)顯示提示信息。

我們想讓輸入文字時(shí)有顯示“標(biāo)題”的Label組件有一個(gè)向上的動(dòng)畫效果，直接訂閱TextField的textChanged事件，這個(gè)事件會(huì)在text改變時(shí)觸發(fā)，在事件的回調(diào)中調(diào)用所有UI都有的基類方法show，通過給show方法設(shè)置動(dòng)畫類型和動(dòng)畫時(shí)間參數(shù)，來達(dá)到Label的動(dòng)畫效果，需要說明的是，在使用show方法前要保證UI組件的visible是為false的才會(huì)有動(dòng)畫效果。同樣的效果我們也給放“內(nèi)容”的Label加上。

彈出日期選擇
我們想要在點(diǎn)擊“反饋時(shí)間”的do_ALayout（ID為）時(shí)彈出do_DateTimePicker選擇日期，只需要訂閱do_ALayout_createTime的touch點(diǎn)擊事件，在觸發(fā)事件的回調(diào)中調(diào)用do_DateTimePicker的show方法來顯示一個(gè)日期選擇器。

因?yàn)閐o_DateTimePicker是SM類型的，這里直接通過類型來對(duì)組件進(jìn)行實(shí)例化。

直接引用UI頁面
要實(shí)現(xiàn)文章頂部的效果圖第三張所示效果，我們首先要多帶帶添加一個(gè)UI頁面，只放一個(gè)Picker組件，并將頁面的其他地方設(shè)置為灰色透明效果，

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79292.html

相關(guān)文章

  • 一個(gè)App完成入門篇（四）- 完成反饋頁面

    摘要：上一節(jié)中我們學(xué)會(huì)了如何通過點(diǎn)擊不同按鈕切換頁面，這節(jié)專注于完成反饋頁面的功能以及細(xì)節(jié)動(dòng)畫。直接引用頁面要實(shí)現(xiàn)文章頂部的效果圖第三張所示效果，我們首先要單獨(dú)添加一個(gè)頁面，只放一個(gè)組件，并將頁面的其他地方設(shè)置為灰色透明效果， 上一節(jié)中我們學(xué)會(huì)了如何通過點(diǎn)擊不同按鈕切換頁面，這節(jié)專注于完成反饋頁面的功能以及細(xì)節(jié)動(dòng)畫。 導(dǎo)入項(xiàng)目添加新組件同步新組件完成頁面布局輸入時(shí)加動(dòng)畫效果彈出日期選擇直接引...

    import. 評(píng)論0 收藏0

  • 一個(gè)App完成入門篇（三）-完善主框架

    摘要：本節(jié)教程將繼續(xù)帶領(lǐng)大家完善教學(xué)導(dǎo)入項(xiàng)目完善主框架完成子視圖打開新頁啟動(dòng)動(dòng)畫將要學(xué)習(xí)的效果圖如下所示如何導(dǎo)入完整項(xiàng)目本節(jié)示例請(qǐng)參考下載地址，可以導(dǎo)入到設(shè)計(jì)器中學(xué)習(xí)。完成子視圖接下來我們來完成需要展示的子視圖。 本節(jié)教程將繼續(xù)帶領(lǐng)大家完善教學(xué)demo 導(dǎo)入項(xiàng)目完善主框架完成viewShower子視圖打開新頁啟動(dòng)動(dòng)畫將要學(xué)習(xí)的demo效果圖如下所示showImg(https://segmen...

    DobbyKim 評(píng)論0 收藏0

  • 一個(gè)App完成入門篇（三）-完善主框架

    摘要：本節(jié)教程將繼續(xù)帶領(lǐng)大家完善教學(xué)導(dǎo)入項(xiàng)目完善主框架完成子視圖打開新頁啟動(dòng)動(dòng)畫將要學(xué)習(xí)的效果圖如下所示如何導(dǎo)入完整項(xiàng)目本節(jié)示例請(qǐng)參考下載地址，可以導(dǎo)入到設(shè)計(jì)器中學(xué)習(xí)。完成子視圖接下來我們來完成需要展示的子視圖。 本節(jié)教程將繼續(xù)帶領(lǐng)大家完善教學(xué)demo 導(dǎo)入項(xiàng)目完善主框架完成viewShower子視圖打開新頁啟動(dòng)動(dòng)畫將要學(xué)習(xí)的demo效果圖如下所示showImg(https://segmen...

    wizChen 評(píng)論0 收藏0

  • 一個(gè)App完成入門篇（二）-搭建主框架

    摘要：一個(gè)完成入門篇二搭建主框架通過第一課的學(xué)習(xí)，你已經(jīng)掌握了如何通過調(diào)試器來跟上的設(shè)計(jì)器聯(lián)調(diào)來實(shí)時(shí)查看設(shè)計(jì)效果調(diào)試代碼了，接下來通過一系列的開發(fā)教學(xué)你將很快上手學(xué)習(xí)到如何開發(fā)一個(gè)真正的。 一個(gè)App完成入門篇（二）-搭建主框架 通過第一課的學(xué)習(xí)，你已經(jīng)掌握了如何通過debug調(diào)試器來跟PC上的設(shè)計(jì)器聯(lián)調(diào)來實(shí)時(shí)查看UI設(shè)計(jì)效果、調(diào)試代碼了，接下來通過一系列的demo開發(fā)教學(xué)你將很快上手學(xué)習(xí)到...

    whatsns 評(píng)論0 收藏0

  • 一個(gè)App完成入門篇（二）-搭建主框架

    摘要：一個(gè)完成入門篇二搭建主框架通過第一課的學(xué)習(xí)，你已經(jīng)掌握了如何通過調(diào)試器來跟上的設(shè)計(jì)器聯(lián)調(diào)來實(shí)時(shí)查看設(shè)計(jì)效果調(diào)試代碼了，接下來通過一系列的開發(fā)教學(xué)你將很快上手學(xué)習(xí)到如何開發(fā)一個(gè)真正的。 一個(gè)App完成入門篇（二）-搭建主框架 通過第一課的學(xué)習(xí)，你已經(jīng)掌握了如何通過debug調(diào)試器來跟PC上的設(shè)計(jì)器聯(lián)調(diào)來實(shí)時(shí)查看UI設(shè)計(jì)效果、調(diào)試代碼了，接下來通過一系列的demo開發(fā)教學(xué)你將很快上手學(xué)習(xí)到...

    DevTalking 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<