android
平台提供了大量的
ui構件,你可以將這些小的視覺塊(構件)搭建在一起,呈現給使用者複雜且有用的畫面。然而,應用程式有時需要一些高階的視覺元件。為了滿足這一需求,並且能高效的實現,你可以把多個標準的構件結合起來成為乙個單獨的、可重用的元件。
例如,你可以建立乙個可重用的元件包含乙個進度條和乙個取消按鈕,乙個
panel
包含兩個按鈕(確定和取消動作),乙個
panel
包含圖示、標題和描述等等。簡單的,你可以通過書寫乙個自定義的
view
來建立乙個
ui元件,但更簡單的方式是僅使用
xml來實現。 在
android xml
布局檔案裡,一般,每個標籤都對應乙個真實的類例項(這些類一般都是
view
的子類)。
ui工具包還允許你使用三個特殊的標籤,它們不對應具體的
view
例項:、
、。這篇文章將描述如何使用
來建立乙個單純的
xml的資料,請參看《合併布局》文章,尤其是它與
結合起來使用體現出來的強大威力。
元素的作用如同它的名字一樣;它用於包含其它的
xml布局。使用這個標籤如下面的例子所示:
在android:id
="@+id/workspace"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
launcher:defaultscreen
="1"
>
android:id
="@+id/cell1"
layout
="@layout/workspace_screen"
/>
android:id
="@+id/cell2"
layout
="@layout/workspace_screen"
/>
android:id
="@+id/cell3"
layout
="@layout/workspace_screen"
/>
中,只需要
layout
特性。這個特性,不帶
android
命名空間字首,它表示你想包含的布局的引用。在這個例子中,相同的布局被包含了三次。這個標籤還允許你重寫被包含布局的一些特性。上面的例子顯示了你可以使用
android:id
來指定被包含布局中根
view的id
;它還可以覆蓋已經定義的布局
id。相似的,你可以重寫所有的布局引數。這意味著任何
android:layout_*
的特性都可以在
中使用。下面是例子:
android:layout_width
="fill_parent"
layout
="@layout/image_holder"
/>
android:layout_width
="256dip"
layout
="@layout/image_holder"
/>
這個標籤,在依據裝置設定定製
ui時表現得尤為有用。舉個例子,
activity
的主要布局放置在
layout/
資料夾下,其它布局放置在
layout-land/
和layout-port/
下。這樣,在垂直和水平方向時你可以共享大多數的
ui布局。
xirihanlin
譯於2010.04.21
構建 react 中可重用靈活的表單元件
優化form 非受控即 元件內部不存在狀態,元件的狀態由父元件傳入 一般該型別元件用來做資料展示,但不可控制 非受控元件通常我們會寫成純函式想這樣 import react from react export default function uncontrollform div div 該型別元件...
Android應用布局技巧 建立可復用的UI元件
android平台提供了廣泛的ui可視元件 widget,把這些小的可視的構件組合到一起,就可以給使用者提供複雜而有用的介面。但是,應用程式經常需要一些高階可視元件,要滿足這樣的需求,並要達到高效的目的,可以把一些標準的widget組合成乙個新的可復用的元件。例如,包含乙個進度條和乙個取消按鈕的操作...
乙個vue的可拖拽的瀑布流布局元件
vue grid layout是乙個功能強大的瀑布流布局元件。支援使用者拖拽和對改變元素大小,並提供相應的事件進行自定義操作。而且布局可以儲存和再展現。通過npm安裝 npm install vue grid layout這是乙個使用的例子 var testlayout var gridlayout...