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...