Turkhackteam.net/org - Turkish Hacking & Security Platform  
Geri git   Turkhackteam.net/org - Turkish Hacking & Security Platform >
Programlama
> Javascript > Electron



Electron İle Menü Yapımı

Electron

Yeni Konu aç Cevapla
 
Seçenekler
Alt 02-02-2019 00:01   #1
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
03/2017
Mesajlar
Konular

Teşekkür (Etti): 158
Teşekkür (Aldı): 421


Electron İle Menü Yapımı



Merhaba Arkadaşlar... Electron'u Anlatmama Gerek Yok Sanırım Bugün Electron İle Nasıl Menü Yapılır Onu Anlatacağım.


Öncelikle Bir app.js Ve Bir Tanede index.html Dosyası Açınız.

Daha Sonra app.js'ye Gelin Ve Aşağıdaki Kodları Yazın Kodların Açıklamalarını Yanına Ve Konunun Aşağısına Yazacağım.

Kod:
const {app,BrowserWindow,Menu} = require('electron')
var path = require('path')
var url = require('url')
app.on('ready',function(){
    var window = new BrowserWindow({width:800,height:600})
    window.loadURL(url.format({
        pathname:path.join(__dirname, "notepad.html"),
        protocol:'file',
        slashes: true
    }))// Pencere Oluşturduk

    window.setTitle("THT Konu") // Pencerenin Başlığını Belirledik.
    const template = [
        {   
            label:"Dosya",
            submenu:[
                { label:"Aç", click: function() { window.webContents.executeJavaScript("window.alert('Aç Butonu Çalıştı')") }, accelerator: 'Ctrl + S' },
                { label:"Yeni", click: function() { console.log("Yeni") }, accelerator: 'Ctrl + N' },
                { label:"Farklı Kaydet", click: function() { console.log("Farklı Kaydet") }, accelerator: 'Ctrl + Alt + S' },
                { label:"Kapat", click: function() { app.quit() }, accelerator: 'Ctrl + W' },
        ],
        }
    ]// Menü Template'ini Oluşturduk

    const menu = Menu.buildFromTemplate(template) // Menüyü Build Ettik
    Menu.setApplicationMenu(menu) // Uygulamanın Menüsünü Belirledik.
})
index.html'yi Kendinize Göre Doldurun Onunla İşimiz Yok... Daha Sonra Cmd'ye Gelip electron . Yapıp Projeyi Başlatırsanız Çalıştığını Görürsünüz.

Kod Açıklamaları:

Kod:
const template = [
        {   
            label:"Dosya",
            submenu:[
                { label:"Aç", click: function() { window.webContents.executeJavaScript("window.alert('Aç Butonu Çalıştı')") }, accelerator: 'Ctrl + S' },
                { label:"Yeni", click: function() { console.log("Yeni") }, accelerator: 'Ctrl + N' },
                { label:"Farklı Kaydet", click: function() { console.log("Farklı Kaydet") }, accelerator: 'Ctrl + Alt + S' },
                { label:"Kapat", click: function() { app.quit() }, accelerator: 'Ctrl + W' },
        ],
        }
    ]
1.Kısımda template Değişkeni Oluşturduk
2. Kısımda İse label Menünün İsmi.
3. Kısımdaki submenu İse Menünün Alt Menüsü.
4. Kısımda İse yine label ile alt menünün İsmini Belirledik. click ise tıklanınca fonksiyon çalıştırmamıza yarıyor. accelerator İse Kısayol Eklemenize Olanak Tanıyor.



Örnek Resimler:







___________________________________________


Konu King Kong tarafından (02-02-2019 00:03 Saat 00:03 ) değiştirilmiştir..
 Offline  
 
Alıntı ile Cevapla
Alt 02-02-2019 00:03   #2
  • Teğmen
  • Üye Bilgileri
Üyelik tarihi
01/2019
Mesajlar
Konular

Teşekkür (Etti): 15
Teşekkür (Aldı): 40




Hocam elinize emeğinize sağlık yararlı bir konu olmuş.



___________________________________________

Arsız olursan Dünya ayaklarına serilir..

 Offline  
 
Alıntı ile Cevapla
Alt 05-02-2019 02:12   #3
  • Asteğmen
  • Üye Bilgileri
Üyelik tarihi
01/2019
Nereden
NPCAN GARDAŞ
Mesajlar
Konular

Teşekkür (Etti): 13
Teşekkür (Aldı): 31




Electron Ne Demek Onu Bana Açıklayabilirmisiniz?



___________________________________________

Uzman Çöpçü

 Offline  
 
Alıntı ile Cevapla
Alt 05-02-2019 02:22   #4
  • Üsteğmen
  • Üye Bilgileri
Üyelik tarihi
01/2016
Nereden
Burdan
Mesajlar
Konular

Teşekkür (Etti): 41
Teşekkür (Aldı): 145




Alıntı:
Abdurcabbar´isimli üyeden Alıntı Mesajı göster
Electron Ne Demek Onu Bana Açıklayabilirmisiniz?
Sorumu yanlış anlamayın fakat, Google üzerinden araştırmanız herkes için daha kolay olmayacak mı?



___________________________________________

 Offline  
 
Alıntı ile Cevapla
Alt 05-02-2019 02:32   #5
  • Asteğmen
  • Üye Bilgileri
Üyelik tarihi
01/2019
Nereden
NPCAN GARDAŞ
Mesajlar
Konular

Teşekkür (Etti): 13
Teşekkür (Aldı): 31




Alıntı:
ksc10´isimli üyeden Alıntı Mesajı göster
Sorumu yanlış anlamayın fakat, Google üzerinden araştırmanız herkes için daha kolay olmayacak mı?
Araştırdım Zaten Ama Anlamadım



___________________________________________

Uzman Çöpçü

 Offline  
 
Alıntı ile Cevapla
Alt 05-02-2019 02:39   #6
  • AR-GE Tim
  • Üye Bilgileri
Üyelik tarihi
08/2015
Nereden
Phobos/Space
Mesajlar
Konular

Teşekkür (Etti): 306
Teşekkür (Aldı): 408




Alıntı:
Abdurcabbar´isimli üyeden Alıntı Mesajı göster
Electron Ne Demek Onu Bana Açıklayabilirmisiniz?
Electron; Html, Css, Javascript kullanarak masaüstü uygulamalar yapanızı sağlayan bir JavaScript frameworküdür.



___________________________________________

~Cahile gelmez benden hayır

Konu easyly tarafından (05-02-2019 02:51 Saat 02:51 ) değiştirilmiştir..
 Offline  
 
Alıntı ile Cevapla
Alt 05-02-2019 02:48   #7
  • Yarbay
  • Üye Bilgileri
Üyelik tarihi
05/2013
Nereden
İstanbul
Mesajlar
Konular

Teşekkür (Etti): 968
Teşekkür (Aldı): 1747




Alıntı:
easyly´isimli üyeden Alıntı Mesajı göster
Electron; Html, Css, Javascript kullanarak masaüstü uygulamalar yapanızı sağlayan bir JavaScript frameworküdür.
Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS.



___________________________________________

En çok ne zoruma gidiyor biliyor musun? "Ülkem" diye kaydetmiştin beni telefonuna. Kalbimi parçalara ayırdın, hani vatan bölünmezdi?

Yokluğun bilinç altımdayken , varlığın kimin altında merak ediyorum.

Konu easyly tarafından (05-02-2019 02:51 Saat 02:51 ) değiştirilmiştir..
 Offline  
 
Alıntı ile Cevapla
Alt 05-02-2019 02:54   #8
  • Üsteğmen
  • Üye Bilgileri
Üyelik tarihi
01/2016
Nereden
Burdan
Mesajlar
Konular

Teşekkür (Etti): 41
Teşekkür (Aldı): 145




electron e ku "çarçoveya jssel" ye ku destnîşan kir ku dîskera dîsketê
-kurdish



___________________________________________

 Offline  
 
Alıntı ile Cevapla
Cevapla

Bookmarks

Seçenekler


Bilgilendirme Turkhackteam.net/org
Sitemizde yer alan konular üyelerimiz tarafından paylaşılmaktadır.
Bu konular yasalara uygunluk ve telif hakkı konusunda yönetimimiz tarafından kontrol edilse de, gözden kaçabilen içerikler yer alabilmektedir.
Bu tür konuları turkhackteamiletisim [at] gmail.com mail adresimize bildirebilirsiniz, konular hakkında en kısa sürede gerekli işlemler yapılacaktır.
Please Report Abuse, DMCA, Harassment, Scamming, Warez, Crack, Divx, Mp3 or any Illegal Activity to turkhackteamiletisim [at] gmail.com

Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz.
Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.



         

Powered by vBulletin® Copyright ©2000 - 2019

TSK Mehmetçik Vakfı

Türk Polis Teşkilatını Güçlendirme Vakfı

Google+
Siber Güvenlik
Pomeranian Boo
instagram takipci hilesi

wau