scratch3.0として別のページまたはフォームを作成する方法

多くの人が開発を行うGITにscratch3.0を使用しますが、開発するために、個々のニーズにいくつかのカスタマイズに苦しむが、どのように行うのか分かりません。それを行うには、この資料の普及の仕事。

私たちは、最初に以下の事項を完了する必要があります。

1.モーダルを定義する必要があります

2.新しいウィンドウUIインターフェース

3.新しいウィンドウロジックページ

4.GUI UIページ登録

5.gui論理ページ登録

6.トップメニュー新しいインターフェイス

ここでは、例えば、私はフォーラムの機能を開発する必要があり、シミュレートするためのステップはありません。

最初のステップ、モーダル定義

  1.リデューサー/ modals.js文書、以下のように変更:

    1)次のコードを追加し、16行について見つけます

    constのMODAL_BBS = 'BBS';

    見つける2)約30行は、次のコードを追加します

  ・[MODAL_BBS]:偽

    3)次のコードを追加し、96株について検索します

    CONST openbbs =関数(){

      リターンopenModal(MODAL_bbs)。
    }

    CONST closebbs =関数(){
      リターンcloseModal(MODAL_bbs)。
    }。

    4)、最後から二番目の行の末尾を見つけるコードを追加します

      openbbs、
        closebbs
    上記のコンマの使用を注意してください
第二のステップ、新しいフォームのUIインターフェイス、附属書を参照してください
  1)成分/ BBS / bbs.jsx

  2)成分/ BBS / bbs.css

第三ステップ、論理ページの新しい形、附属書を参照してください

  コンテナ/ bbs.jsx

第四段階、GUI UIの登録ページ

  compents / GUI / gui.jsx検索

  1)ライン27、新しいコードを見つけます

    「../../containers/bbs.jsx」からインポートBBS。
  2)118行が見つけることについて、コードを追加し、コンマを忘れないでください
    bbsVisible、
  3)追加するコードの約180行を検索します
    {bbsVisible?
                      <BBS />
                ) : ヌル}
  4)検索tipsLibraryVisible:PropTypes.boolは、コードを追加します。
    bbsVisible:PropTypes.bool、 

第五工程、GUIロジック登録ページ

  オープンコンテナ/ているライン153にgui.jsx、CONST mapStateToProps =状態=> {新たに

    bbsVisible:state.scratchGui.modals.bbs、

第6工程、メニューに新しいフォーラム

  compents /メニュー・バー/メニューバーを検索します。JSX

  1)検索するため、ライン33を見つけるために「../../reducers/modals'からインポート{openTipsLibraryを} 。

  変更 'からインポート{openTipsLibrary、openbbs} ../../reducers/modals'。

  2)、ライン9の逆数を見つけるすなわちmapDispatchToProps =ディスパッチ=>({メソッド、新しい(ノート句読点)

  onOpenbbs:()=>派遣(openbbs())

  3)新しい479行を見つけるために

<デバイダクラス名= {クラス名(styles.divider)} />
 <DIVクラス名= {クラス名(styles.menuBarItem、styles.hoverable)}のonClick = {this.props.onOpenbbs}>
                          フォーラム
                    </ div>
 
アクセサリー住所: クリックしてダウンロード
 
-------------------------------------------------- ------
福建省の公共ポリインターネット情報技術有限公司CEOレイジュン
 
微信:leijun3999
ACへようこそ
-------------------------------------------------- ---
 

おすすめ

転載: www.cnblogs.com/lickies1983/p/11904925.html