2023學年完整公開課版ML靜態(tài)UI設計

《通信業(yè)務開發(fā)》課程XML靜態(tài)UI設計XML靜態(tài)UI設計UI布局文件布局設計器實例演示PART10-2UI布局文件示例定義Activity上顯示內(nèi)容的資源文件，可稱為界面UI模版使用布局設計器組織UI控件、設計UI效果，以XML文件存放于App

res/layout目錄中在Activity中用setContentView(R.layout.******)加載布局文件，顯示布局效果在Activity中通過findViewById可獲取并控制布局中的View控件，也可向布局中動態(tài)添加控件規(guī)則UI布局文件1UI布局文件示例View組件包含幾乎所有圖形顯示組件，如TextView、Button所有圖形組件都是View類的子類View組件外觀，可在UI設計時靜態(tài)設置屬性,也可使用組件類提供的方法進行配置類型：普通View：構(gòu)成UI的基本元素

不能包含其他View容器View：包含呈現(xiàn)其他View的View也可包含容器，層次結(jié)構(gòu)Widget小部件：可放于桌面的獨立復雜小應用，如桌面時鐘，天氣預報規(guī)則View組件都有UI元素和對應的組件類2UIView控件布局設計器示例預覽與設計UI布局的插件工具設計方式：Graphical：圖形化設計，所見所得XML：XML源碼設計，更靈活使用：控件面板：選中并拖動控件，可向布局中添加控件屬性面板：選中特定控件，在屬性面板中調(diào)整設置具體控件屬性切換至XML標簽，可直接編輯布局預覽并不能準確顯示布局效果，復雜控件如tab、VideoView無法預覽規(guī)則實例演示<?xml

version="1.0"

encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

android:gravity="center">

<TextView

android:id="@+id/PhotoLabel“android:textSize="20dp"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="@string/my_text_label"

android:gravity="center_horizontal"

/>

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/matterhorn"

android:adjustViewBounds="true"

android:id="@+id/Photo"android:scaleType="fitXY"

android:maxHeight="250dp"

android:maxWidth="250dp"

/>

</LinearLayout>

XML布局main.xml實例演示publicclassMainActivityextendsActivity{@OverrideprotectedvoidonCreate(BundlesavedInstanceState){