Uygulamamın başlık çubuğunun olmamasını, ancak yine de normal bir pencere gibi kapatılabilir, sürüklenebilir, en aza indirgenebilir, en üst düzeye çıkarılabilir ve yeniden boyutlandırılabilir olmasını istiyorum. Bunu kullanabildiğim için hidden-inset
olarak adlandırılan bir seçenek var çünkü OS X'de bunu yapabilirim ama maalesef Windows için uygun değil, bu platform için geliştiriyorum. Windows'da böyle bir şey yapmaya nasıl giderim? Ne hakkında konuştuğumunElektron kontrolleri olan çerçevesiz pencere (Windows)
cevap
Pencere kromu istemediğinizi varsayarak bunu, elektron etrafındaki çerçeveyi çıkararak ve gerisini html/css/js ile doldurarak yapabilirsiniz. Blogumda aradığınızı bulan bir makale yazdım: http://www.mylifeforthecode.com/making-the-electron-shell-as-pretty-as-the-visual-studio-shell/. Başlamak için Kod burada da barındırılan: https://github.com/srakowski/ElectronLikeVS
özetlemek için, çerçeveyi geçmesi gerekiyor:
mainWindow = new BrowserWindow({width: 800, height: 600, frame: false});
Sonra oluşturmak ve başlık çubuğu için kontrol düğmeleri ekleyin: Eğer BrowserWindow oluştururken yanlış
js max/dak/kapama fonksiyonları<div id="title-bar">
<div id="title">My Life For The Code</div>
<div id="title-bar-btns">
<button id="min-btn">-</button>
<button id="max-btn">+</button>
<button id="close-btn">x</button>
</div>
</div>
Cilt:
(function() {
var remote = require('remote');
var BrowserWindow = remote.require('browser-window');
function init() {
document.getElementById("min-btn").addEventListener("click", function (e) {
var window = BrowserWindow.getFocusedWindow();
window.minimize();
});
document.getElementById("max-btn").addEventListener("click", function (e) {
var window = BrowserWindow.getFocusedWindow();
window.maximize();
});
document.getElementById("close-btn").addEventListener("click", function (e) {
var window = BrowserWindow.getFocusedWindow();
window.close();
});
};
document.onreadystatechange = function() {
if (document.readyState == "complete") {
init();
}
};
})();
Pencereyi şekillendirmek zor olabilir, ancak webkit'ten özel özellikler kullanmak için anahtar kullanım.
-webkit-app-region: drag;
-webkit-app-region: no-drag;
-webkit-uygulama-bölge: Eğer sürükleyebilir etmesi için, 'başlık çubuğu' bölgeye sürükleme yapacaktır bu önemli olduğunu
body {
padding: 0px;
margin: 0px;
}
#title-bar {
-webkit-app-region: drag;
height: 24px;
background-color: darkviolet;
padding: none;
margin: 0px;
}
#title {
position: fixed;
top: 0px;
left: 6px;
}
#title-bar-btns {
-webkit-app-region: no-drag;
position: fixed;
top: 0px;
right: 6px;
}
Not: Aşağıda bazı asgari CSS Pencerelerde olduğu gibi etrafında. Sürükle-bırak, düğmelere sürüklenmeyecek şekilde uygulanır.
Çok teşekkür ederim, ben de blogu kontrol edeceğim! – nakamin
- 1. Close Elektron çerçevesiz cam çalışmıyor
- 2. Çerçevesiz ve şeffaf pencere qt5
- 3. Çerçevesiz bir QWindow hareket ettirin
- 4. Çerçevesiz Tarayıcı penceresi sıfır yüksekliği
- 5. çerçevesiz açılan pencerede
- 6. elektron - Son sürümde bir elektron app
- 7. Seçili olan metni elektron masaüstü uygulamasından nasıl alabilirim?
- 8. elektron hızlı çalıştırma uygulaması çalışmıyor
- 9. Çoklu atom/elektron uygulamalarını birleştirin
- 10. Elektron-packager: modül bulamıyorum
- 11. Soruları olan bir açılır pencere nasıl oluşturabilirim?
- 12. Qt - (? Yavaş rötuş) Çerçevesiz pencereyi taşıma
- 13. elektron modüllerini BrowserWindow sayfasından alamıyor
- 14. Elektron ben elektron oluşturucu kullanarak pencereler için bir .exe yükleyici oluşturmak için yönetilen elektron oluşturucu
- 15. Elektron kullanarak çapa etiketinden dosya kaydetme
- 16. Windows Service'ten GUI Uygulamasını Başlatmak - Pencere Görünmüyor
- 17. FlashLED yoğunluk kontrolleri
- 18. PreRender üzerinde bağlama kontrolleri
- 19. Klon Kontrolleri - C# (Winform)
- 20. Vimeo Kontrolleri Nasıl Gizlenir
- 21. Caliburn.Micro & Telerik WPF Kontrolleri
- 22. Elektron, Angular2, "fs"
- 23. Elektron üzerinde istemi
- 24. Elektron - İşleme Girişi
- 25. JQuery Ui ve Elektron
- 26. Elektron uygulamasındaki günlükleri üretimde nerede bulabilirim?
- 27. browserify paket elektron uygulaması ana işlem dosyası
- 28. WPF kopyalama kontrolleri programatik olarak
- 29. VideoJS: kontrolleri görünür durumda tut
- 30. Benzer işlevsellik form kontrolleri-statik
http://stackoverflow.com/questions/31171597/atom-electron-close-the-window-with-javascript –