上一篇文章的最后，我們得到了下面的畫面：

這個(gè)畫面作為演示畫面還是寒酸了些，本文使用我們對其稍加修飾。

首先來看修改之前的狀態(tài)：

就是在最外層布局中放置了一個(gè)文本信息。對這個(gè)布局我們進(jìn)行3點(diǎn)修改。

1.增加一個(gè)圖像文件。

2.擴(kuò)大文字尺寸

3.將表示內(nèi)容擺放到畫面中間偏上的位置。

增加圖像資源

截取DevEco圖標(biāo)并保存為jpg文件，然后將其放入media目錄中。

在ability_main.xml文件中使用該文件：

<Image
    ohos:id="$+id:image"
    ohos:width="match_content"
    ohos:height="match_content"
    ohos:layout_alignment="center"
    ohos:image_src="$media:DevEco"
/>

注意ohos:image_src的使用方法，不需要輸入擴(kuò)展名。

擴(kuò)大文字尺寸

<Text
    ohos:id="$+id:text_helloworld"
    ohos:height="match_content"
    ohos:width="match_content"
    ohos:layout_alignment="horizontal_center"
ohos:text="你好，鴻蒙！"
    ohos:text_size="100"
/>

調(diào)整文字尺寸為100。

調(diào)整布局

在原有布局基礎(chǔ)上，增加另外的DirectionalLayout管理圖像和文字，并增加三處Component用于調(diào)整個(gè)要素之間的間隔。

執(zhí)行結(jié)果：

DirectionalLayout的詳細(xì)信息可以參照鴻蒙官方的開發(fā)文檔：

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-layout-directionallayout-0000001050769565

新書介紹

《實(shí)戰(zhàn)Python設(shè)計(jì)模式》是作者最近出版的新書，拜托多多關(guān)注！

本書利用Python 的標(biāo)準(zhǔn)GUI 工具包tkinter，通過可執(zhí)行的示例對23 個(gè)設(shè)計(jì)模式逐個(gè)進(jìn)行說明。這樣一方面可以使讀者了解真實(shí)的軟件開發(fā)工作中每個(gè)設(shè)計(jì)模式的運(yùn)用場景和想要解決的問題；另一方面通過對這些問題的解決過程進(jìn)行說明，讓讀者明白在編寫代碼時(shí)如何判斷使用設(shè)計(jì)模式的利弊，并合理運(yùn)用設(shè)計(jì)模式。

對設(shè)計(jì)模式感興趣而且希望隨學(xué)隨用的讀者通過本書可以快速跨越從理解到運(yùn)用的門檻；希望學(xué)習(xí)Python GUI 編程的讀者可以將本書中的示例作為設(shè)計(jì)和開發(fā)的參考；使用Python 語言進(jìn)行圖像分析、數(shù)據(jù)處理工作的讀者可以直接以本書中的示例為基礎(chǔ)，迅速構(gòu)建自己的系統(tǒng)架構(gòu)。

---

覺得本文有幫助？請分享給更多人。

關(guān)注微信公眾號【面向?qū)ο笏伎肌枯p松學(xué)習(xí)每一天！

面向?qū)ο箝_發(fā)，面向?qū)ο笏伎迹?/span>