Scratch3.0 頁面初始化同時(shí)加載sb3文件的操作代碼
scratch是一種非常合適的培養(yǎng)自己的編程興趣的方式。通過拖拽的方式,可以實(shí)現(xiàn)一些游戲,小程序的開發(fā),就像搭積木一樣,下面給大家介紹Scratch3.0 頁面初始化同時(shí)加載sb3文件的操作方法,一起看看吧!
目標(biāo)文件地址:src\containers\sb-file-uploader.jsx
修改 sb-file-uploader.jsx文件, class SBFileUploader中添加componentDidMount(),代碼如下
componentDidMount() { var _this = this; // 作品所在存放地址 var sb3Path = null; /** * 必須使用 $(window).on("load",function(){}); * 否則頁面在未加載完的情況下,有些組件會(huì)來不及加載,影響二次文件保存 */ console.log("尚未初始加載Sb3文件"); $(window).on("load",function(){ console.log("即將初始加載Sb3文件"); let reader = new FileReader(); let request = new XMLHttpRequest(); console.log("加載的資源路徑", sb3Path); request.open('GET', sb3Path, true); request.responseType = "blob"; request.onload = function() { if(request.status==404){ alert("未找到sb3類型的資源文件"); location.href='/scratch'; } let blobs = request.response reader.readAsArrayBuffer(blobs); reader.onload = () => _this.props.vm.loadProject(reader.result).then(() => { analytics.event({ category: 'project', action: 'Import Project File', nonInteraction: true }); _this.props.onLoadingFinished(_this.props.loadingState); }).catch(error => { log.warn(error); }); } request.send(); }); }
目標(biāo)文件地址:src\components\menu-bar\menu-bar.jsx
修改 menu-bar.jsx文件, class MenuBar 中初始SBFileUploader,代碼如下
// 必須加載這個(gè)文件 import SBFileUploader from '../../containers/sb-file-uploader.jsx'; class MenuBar extends React.Component { render () { return ( <Box className={classNames( this.props.className, styles.menuBar, {[styles.saveInProgress]: this.props.isUpdating} )} > <SBFileUploader onUpdateProjectTitle={PropTypes.func} /** 初始化加載文件到項(xiàng)目 **/> {(className, renderFileInput, loadProject) => ( <button onClick={loadProject} className={classNames(styles.scratchHide)}></button> )} </SBFileUploader> </Box> ); } } export default injectIntl(connect( mapStateToProps, mapDispatchToProps )(MenuBar));
到此這篇關(guān)于Scratch3.0 頁面初始化同時(shí)加載sb3文件的操作代碼的文章就介紹到這了,更多相關(guān)Scratch頁面初始化內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
使用git?config?--global設(shè)置用戶名和郵件問題
這篇文章主要介紹了使用git?config?--global設(shè)置用戶名和郵件問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-05-05git?clone報(bào)錯(cuò)SSL?connect?error解決
這篇文章主要為大家介紹了git?clone報(bào)錯(cuò)SSL?connect?error解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11idea中實(shí)用的git操作問題小結(jié)(撤回commit,撤回push、暫存區(qū)使用)
我們?cè)陂_發(fā)過程中經(jīng)常遇到commit代碼后,發(fā)現(xiàn)還有需要修改的地方又不想多次commit,此時(shí)如果不想敲git命令,可以利用idea實(shí)現(xiàn)commit撤回,下面給大家分享idea中實(shí)用的git操作問題小結(jié),感興趣的朋友跟隨小編一起看看吧2024-08-08在 WordPress 的頁眉(header)和頁腳(footer)添加代碼方法
這篇文章主要介紹了在 WordPress 的頁眉(header)和頁腳(footer)添加代碼方法2021-09-09git-pycharm配置.ignore文件的詳細(xì)過程
在開發(fā)中經(jīng)常需要配置提交git的忽略文件,本篇來學(xué)習(xí)下使用pycharm自動(dòng)生成.ignore文件,感興趣的朋友跟隨小編一起看看吧2023-06-06