如何為scratch3 0建立乙個獨立的頁面或窗體

2022-02-20 13:46:33 字數 1396 閱讀 3777

很多人都利用git上的scratch3.0做開發,但是苦於有些定製需要個性化開發但是不知道如何動手。本篇文章來做好普及工作吧。

首先需要完成事項如下:

1.需要進行modal定義

2.新增視窗的ui介面

3.新增視窗邏輯頁面

4.gui的ui頁面註冊

5.gui邏輯頁面註冊

6.頂部選單新增介面

下面我們就一步不來模擬,例如,我需要開發乙個論壇功能。

第一步,modal定義

1.開啟reducers/modals.js檔案,修改如下:

1)找到約16行,新增以下**

const modal_bbs = 'bbs';

2.)找到約30行,新增如下**

·  [modal_bbs]: false

3)找到約96行,新增如下**

const openbbs = function ()

const closebbs = function () ;

4)找到末尾倒數第二行,新增**

openbbs,

closebbs

以上請注意逗號的使用

第二步,新增窗體的ui介面,詳見附件

1)components/bbs/bbs.jsx

2)components/bbs/bbs.css

第三步,新增窗體的邏輯頁面,詳見附件

containers/bbs.jsx

第四步,gui 的ui頁面註冊

找到compents/gui/gui.jsx

1)找到第27行,新增**

import bbs from '../../containers/bbs.jsx';

2)找到約118行,新增**,別忘了逗號

bbsvisible,

3)找到約180行,新增**

4)搜尋tipslibraryvisible: proptypes.bool,新增**

bbsvisible: proptypes.bool, 

第五步,gui邏輯頁面註冊

開啟containers/gui.jsx在153行,也就是在const mapstatetoprops = state =>  from '../../reducers/modals';

更改為import  from '../../reducers/modals';

2)找到倒數第9行,也就是

mapdispatchtoprops = dispatch => ({方法內,新增(注意標點符號)

onopenbbs: () =>dispatch(openbbs())

3)找到479行新增

論壇博主:雷君(微軟mvp,眾聚互聯ceo)

長期致力於企業it服務,以及青少年程式設計培訓課程

培訓機構討論**:18859773999

scratch 3 0 部分記錄

costumes 造型 currentcostumeindex 0,新增到舞台時初始化展示的造型 scratchx 20,scratchy 38,scale 1,direction 90,rotationstyle normal isdraggable false visible true spri...

Scratch3 0 自由落體實驗

同學們知道著名的比薩斜塔實驗嗎?它證明了乙個非常重要的定律,叫做自由落體定律 兩個物體,無論它們的重量是否相同,在不計空氣阻力的情況下,在同一高度落下,會同時落地。這是乙個非常重要的實驗,有了它,才會有我們現在這麼發達的現在社會生活。關於這個實驗的真實性眾說紛紜,其中流傳最廣的故事是這樣的!古希臘權...

Scratch 3 0 版本比較

新年伊始mit 就正式 發布了scratch最新3.0版 以 html5.0 為基礎的版本 本文就來帶看看3.0版有哪些更新的地方。下圖是進入後第乙個畫面,跟scratch 2.0 很像,熟悉的使用者應該很容易入手 網頁版跟離線版程式主畫面相同 選擇語言 開關加速功能 離線版教程 範例程式 簡單寫個...