UI介面和元件(二)

2022-07-07 22:42:13 字數 1641 閱讀 2384

(1)預設的樣式比較樸素,可進行修改。

(2)drawable資料夾下新建drawable resource file,命名為selector,是一種選擇器,我們要在selector.xml中描述「開」 「關」的兩種狀態,兩種狀態 「開」「關」 可 對應兩張不同的。

(3)完善下togglebutton

<

togglebutton

android:id

="@+id/tb_switch"

android:texton

=""android:textoff

=""android:background

="@drawable/selector"

android:checked

="true"

android:layout_width

="wrap_content"

android:layout_height

="wrap_content"

/>

(4)效果如下:

(5)可是,在模擬器中,顯示不全,怎麼辦呢?

其實很簡單,使用scrollview 把之前寫的東西包住即可。

UI元件 和 容器元件

像原來的 import react,from react import antd dist antd.css import from antd import store from store index.js import from store actioncreators class beauti...

UI元件和容器元件的拆分

1.首先,以前面的todolist為例 以下是原來的todolist中的render函式中的內容,我們可以將元件中關於ui渲染頁面的封裝到乙個檔案中 render 2.在src目錄下新建乙個檔名為todolistui.js。將剛剛的render中的內容複製到todolistui裡面。3 這裡需要進一...

React 拆解元件成UI元件和容器元件

前言 在複雜的元件中,我們最好把元件拆分為ui元件和容器元件以方便我們的管理和維護 import react,from react class test extends component render onmousemove onclick li ul showitem e showindex i...