2017-10-06 7 views
1

私は電子にはとても新しいですが、それを愛しています。しかし、私は1つのことについているので、できるだけいくつかの指導の後に。電子レンジでWindowsのサイズを変更

私はユーザーにページにログインするための小さなテストアプリケーションを用意しています。

function createWindow() { 

    mainWindow = new BrowserWindow({frame:false, 
    width: 1024, 
    height: 565, 
    minWidth: 1024, 
    minHeight: 565, 
    frame: false, 
    resizable: false, 
    show: false, 
    center: true, 
    backgroundColor: '#312450', 
    icon: path.join(__dirname, 'assets/icons/png/64x64.png') 
    }) 

    mainWindow.loadURL(`file://${__dirname}/login.html`) 

    mainWindow.once('ready-to-show',() => { 
     mainWindow.show() 
    }) 

    //mainWindow.webContents.openDevTools({detach: true}) 

    mainWindow.on('closed', function() { 
     mainWindow = null 
    }) 
    } 

、その後app.onイベントでこれを起動します。私のmain.jsで

は、私は以下のようにメインウィンドウのプロパティを設定するファイル。

これまでのところ、これはすべて良好です。

次のように私はまた、login.htmlページ内のボタンにイベントリスナーを追加します。

btnSignIn.addEventListener('click', function(){ 

const email = txtEmail.value; 
const pass = txtPassword.value; 

firebase.auth().signInWithEmailAndPassword(email, pass).then(function(){ 
    document.location.href = 'loggedin.html'; 
}).catch(function(error){ 
    if(error != null){ 
     alert(error.message); 
     return; 
    } 
}) 

},false); 

これは、すべて完璧にうまく機能しています。私が持っている唯一の問題は、2番目のページ(loggedin.html)を別のサイズにしたいということです。

私は前に指定したmainWindowオプションを変更する必要があると思いますが、それを達成することができません。

どのポインタも大変ありがとうございます。あなたのレンダラプロセスで

よろしく

J

答えて

1

(jsのスクリプトがlogin.htmlからロードされた)あなたは電子・ノードモジュールをロードすることができるはずです。 main.js

const {ipcMain} = require('electron') 
ipcMain.on('resize-me-please', (event, arg) => { 
    mainWindow.setSize(width,height) 
}) 
+0

const {ipcRenderer} = require('electron'); // Right after the line where you changed the document.location ipcRenderer.send('resize-me-please') 

完全に働いた - そのレオナルドのためのおかげで、新しいilearn何か毎日を!!。 – user1176737

+0

こんにちはレオナルド、これについてもう1つ質問すればいいかもしれません。 main.jsでは、mainWindowのオプションセンターがtrueに設定されています。これは問題ありません。しかし、私は、サイズ変更された第2のウィンドウを起動する - それは側にオフです(私はこれがメインウィンドウに中心があると仮定します。それはmainWindowではない画面にcentereedに簡単な方法はありますか?)Jason – user1176737

+1

こんにちは、 window.center()を見つけました。ありがとうございました。 – user1176737

関連する問題