臭臭kerr1發(fā)布于2015-09-18
MGridView是一個(gè)簡單的網(wǎng)格視圖,默認(rèn)的單元格實(shí)現(xiàn)了背景視圖,以及一個(gè)背景圖、文本標(biāo)簽。
臭臭kerr1發(fā)布于2015-09-18
在iPad上實(shí)現(xiàn)類似Apple的Keynote應(yīng)用的視圖效果。即屏幕的左邊是右邊內(nèi)容的縮略圖。可以刪除、添加頁面,右邊內(nèi)容的改變也會導(dǎo)致左邊縮略圖的改變。
臭臭kerr1發(fā)布于2015-09-18
將界面分成兩部分,左邊部分是命令按鈕或者列表,右邊部分是具體內(nèi)容。支持左右兩部分大小改變,即中間出現(xiàn)一個(gè)可以左右移動的豎框。除了支持豎直方向的分屏(Vertival Splite),也支持水平方向的分屏(Horizontal Split)。這種UI多用于iPad上的閱讀器。
臭臭kerr1發(fā)布于2015-09-18
實(shí)現(xiàn)類似Pinterest的瀑布流視圖顯示形式。支持上拉刷新和下拉刷新(拖動更新)。
臭臭kerr1發(fā)布于2015-09-18
實(shí)現(xiàn)網(wǎng)格化的視圖。一個(gè)主視圖里面包含多個(gè)子視圖,每個(gè)子視圖是一個(gè)網(wǎng)格,用戶可以添加新的網(wǎng)格視圖或者刪除任意網(wǎng)格視圖,點(diǎn)擊某個(gè)網(wǎng)格視圖會彈出一個(gè)全屏視圖,用于查看具體的內(nèi)容。這種形式的瀏覽方式方便對多個(gè)頁面瀏覽。LinkedIn的應(yīng)用用到了這種視圖瀏覽方式。
臭臭kerr1發(fā)布于2015-09-18
功能十分強(qiáng)大的網(wǎng)格化視圖。網(wǎng)格視圖可以用在列表(table)中,滾動視圖中(scroll view)。點(diǎn)擊某個(gè)網(wǎng)格視圖,將切換到新的視圖中。長按某個(gè)網(wǎng)格視圖,將出現(xiàn)彈出提示框(Pop over view)。
臭臭kerr1發(fā)布于2015-09-18
類似于twitter iPad應(yīng)用的Stacked View。左邊有一排按鈕,點(diǎn)擊任意一個(gè)按鈕,右邊部分出現(xiàn)一個(gè)頁面,點(diǎn)擊右邊頁面的某個(gè)按鈕,會在右邊頁面重疊出現(xiàn)新的頁面。
臭臭kerr1發(fā)布于2015-09-18
實(shí)現(xiàn)雙層滑動視圖的效果。容器(container)中有雙層視圖,第一層視圖是根視圖(主視圖),第二層視圖隱藏在根視圖下面。當(dāng)手指向上、向下、向左或向右劃動時(shí),第二層隱藏視圖將顯示出來,反方向劃動視圖將重新隱藏。
臭臭kerr1發(fā)布于2015-09-18
實(shí)現(xiàn)twitter上面Dick Bar的效果。即點(diǎn)擊某個(gè)按鈕,在屏幕上方出現(xiàn)一個(gè)橫條。
臭臭kerr1發(fā)布于2015-09-18
實(shí)現(xiàn)類似iphone主界面(spring board)文件夾的效果,即多個(gè)應(yīng)用聚集在一起,組成一個(gè)文件夾,點(diǎn)擊文件夾時(shí),會在桌面中間打開一條縫,顯示文件夾的內(nèi)容。另外一個(gè)應(yīng)用場景是,點(diǎn)擊某個(gè)按鈕,屏幕中間打開一條縫,用于顯示對應(yīng)的更加詳細(xì)的信息。
臭臭kerr1發(fā)布于2015-09-18
實(shí)現(xiàn)類似iphone/iPad主界面(spring board)的效果,多個(gè)圖標(biāo)的布局,視圖能橫向滑動,識別單個(gè)圖標(biāo)的點(diǎn)擊事件。長按某個(gè)圖標(biāo),所有圖標(biāo)一起顫動,可以移動圖標(biāo)和刪除圖標(biāo)。
臭臭kerr1發(fā)布于2015-09-18
實(shí)現(xiàn)類似iPhone/iPad主界面(spring board)的效果,多個(gè)圖標(biāo)的布局,視圖能橫向滑動,識別單個(gè)圖標(biāo)的點(diǎn)擊事件。長按某個(gè)圖標(biāo),所有圖標(biāo)一起顫動,可以移動圖標(biāo)和刪除圖標(biāo)。
臭臭kerr1發(fā)布于2015-09-18
實(shí)現(xiàn)網(wǎng)格化的視圖(grid view)。一個(gè)主視圖里面包含多個(gè)子視圖,每個(gè)子視圖是一個(gè)網(wǎng)格,用戶可以添加、刪除、拖動、排列每個(gè)網(wǎng)格。