Flutter?Widget開(kāi)發(fā)之Focus組件怎么使用

本篇內(nèi)容介紹了“Flutter Widget開(kāi)發(fā)之Focus組件怎么使用”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

正文

就網(wǎng)絡(luò)和應(yīng)用程序而言，鍵盤(pán)快捷鍵很重要，今天我們要談的便是讓這類(lèi)快捷鍵得以在Flutter運(yùn)作的小部件：Focus、Shortcuts和Action。

這套系統(tǒng)中的第一個(gè)小部件是Focus,小部件樹(shù)中到處都有它的蹤跡，包括按鈕個(gè)文本輸入在內(nèi)之類(lèi)的用戶界面交互區(qū)塊

FocusNode對(duì)象

這個(gè)小部件還包含F(xiàn)ocusNode對(duì)象

Focus({
    FocusNode? node,
    Widget? child,
}) : node = node ?? FocusNode();

其作用是指示Flutter用戶交互理應(yīng)在代碼中出現(xiàn)的位置。

整體而言。這個(gè)Focus小部件的網(wǎng)絡(luò)及所屬的FocusNode會(huì)在您的Flutter應(yīng)用中構(gòu)成另一名為Focus樹(shù)的結(jié)構(gòu)

對(duì)此首先要知道的是節(jié)點(diǎn)永遠(yuǎn)被視為是作用中的，那作用中的FocusNodes有何涵義呢？

這代表實(shí)體鍵盤(pán)輸入這類(lèi)的系統(tǒng)特殊事件，會(huì)首先出現(xiàn)在Focuss小部件中，當(dāng)中的FocusNode且在向頂部結(jié)構(gòu)送出推播通知錢(qián)都會(huì)維持作用中的狀態(tài)。

小部件樹(shù)向上傳送時(shí)會(huì)起到怎樣的作用呢

當(dāng)這些按鍵事件于小部件樹(shù)向上傳送時(shí)會(huì)起到怎樣的作用呢？

這些事件會(huì)搜尋按鍵所對(duì)應(yīng)的Shortcuts小部件并將之轉(zhuǎn)為意圖對(duì)象（intent），該對(duì)象起于作用中的FocusNodes并會(huì)持續(xù)朝應(yīng)用程序頂部浮現(xiàn)。

至于Focus小部件，其實(shí)Flutter框架所屬的按鈕和文本輸入之類(lèi)的交互控件皆已包含所需的Focus小部件，不過(guò)哦有時(shí)候若您想要從頭規(guī)劃用戶體驗(yàn)，可能就會(huì)想自行添加。

例如樣式的折疊卡片accordion，標(biāo)題應(yīng)以焦點(diǎn)處理設(shè)為Focusable，藉此顯示鍵盤(pán)快捷指令來(lái)切換面板的可見(jiàn)性。

要這樣做，得使用Accordion標(biāo)題小部件，并將其子級(jí)包裝在Focus小部件中,這是要為accordion小部件自定義鍵盤(pán)快捷鍵的第一步

Accordion(
    children: <Widget>[
        Header(
            child: Focus(
                child: Text('Section 1'),
            ),
        ),
        Section1Body(),
    ],
)

“Flutter Widget開(kāi)發(fā)之Focus組件怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！