自學鴻蒙應用開發（5）- button組件

本文介紹在鴻蒙應用中button組件的基本用法。
java

增長按鈕組件web

以下代碼中紅色部分所示，在佈局中增長button組件。
編程

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
 xmlns:ohos="http://schemas.huawei.com/res/ohos"
 ohos:height="match_parent"
 ohos:width="match_parent"
 ohos:orientation="vertical">
    <Component
 ohos:height="0vp"
 ohos:weight="3"
 ohos:width="match_parent"
 />
    <DirectionalLayout
 xmlns:ohos="http://schemas.huawei.com/res/ohos"
 ohos:height="match_content"
 ohos:width="match_content"
 ohos:layout_alignment="center"
 ohos:orientation="vertical">
        <Image
 ohos:id="$+id:image"
 ohos:width="match_content"
 ohos:height="match_content"
 ohos:layout_alignment="center"
 ohos:image_src="$media:DevEco"
 />
        <Button
 ohos:id="$+id:hello_button"
 ohos:width="match_content"
 ohos:height="match_content"
 ohos:text_size="27fp"
 ohos:text="Click me!"
 ohos:layout_alignment="center"
 ohos:background_element="$graphic:background_button"
 ohos:margin="15vp"
 ohos:right_padding="8vp"
 ohos:left_padding="8vp"
 />
    </DirectionalLayout>
    <Component
 ohos:height="0vp"
 ohos:weight="5"
 ohos:width="match_parent"
 />
</DirectionalLayout>

代碼中按鈕id被指定爲hello_button，這個信息會在下面的響應代碼中用到。設計模式

增長操做事件響應代碼
微信

以下面代碼中紅色部分所示，爲button組件增長響應代碼。
架構

    package com.example.helloharmony.slice;

import com.example.helloharmony.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Button;
import ohos.agp.components.Component;
import ohos.agp.utils.LayoutAlignment;
import ohos.agp.window.dialog.ToastDialog;

public class ComponentAbilitySlice extends AbilitySlice {
    @Override
 public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_component);
        Button button = (Button) findComponentById(ResourceTable.Id_hello_button);
 // 爲按鈕設置點擊事件回調
         button.setClickedListener(new Component.ClickedListener() {
 public void onClick(Component v) {
 new ToastDialog(getContext())
 .setText("你好，鴻蒙！")
 .show();
 }
 });
    }

    @Override
 public void onActive() {
        super.onActive();
    }

    @Override
 public void onForeground(Intent intent) {
        super.onForeground(intent);
    }
}app

代碼中使用佈局文件中指定的組件id選擇【Cliek me!】按鈕以後，爲button組件增長了一段在畫面底部顯示「你好，鴻蒙!"信息的響應代碼。須要注意的是id的格式：ResourceTable.Id_hello_button。ide

參考文檔工具

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-component-button-0000001051009585佈局

新書介紹

《實戰Python設計模式》是做者最近出版的新書，拜託多多關注！

本書利用Python 的標準GUI 工具包tkinter，經過可執行的示例對23 個設計模式逐個進行說明。這樣一方面能夠使讀者瞭解真實的軟件開發工做中每一個設計模式的運用場景和想要解決的問題；另外一方面經過對這些問題的解決過程進行說明，讓讀者明白在編寫代碼時如何判斷使用設計模式的利弊，併合理運用設計模式。

對設計模式感興趣並且但願隨學隨用的讀者經過本書能夠快速跨越從理解到運用的門檻；但願學習Python GUI 編程的讀者能夠將本書中的示例做爲設計和開發的參考；使用Python 語言進行圖像分析、數據處理工做的讀者能夠直接以本書中的示例爲基礎，迅速構建本身的系統架構。

以爲本文有幫助？請分享給更多人。

關注微信公衆號【面向對象思考】輕鬆學習每一天！

面向對象開發，面向對象思考！

本文分享自微信公衆號 - 面向對象思考（OOThinkingDalian）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。