Metin2 Hungarian Forum

Metin2 => Privát szerverek => Computer World => A témát indította: [VIP]Disco Dátum 2011-10-15, 11:55:32

Szavazás
Kérdés: Érdekel ez titeket?
Opció 1: Igen
Opció 2: Nem
Cím: Böngésző készítése C#
Írta: [VIP]Disco Dátum 2011-10-15, 11:55:32
Sziasztok!

Szerintem már nagyon sokat gondolkodtatok egy saját böngészőn, melyet ti formálhattok úgy ahogy szeretnétek.


Első lépésként indítsuk el a Programozói programunkat.Én ehhez a Visual Studio 2010 Ultimatet ajánlom, mert nem kell minden programozási nyelvhez külön programot letölteni.Egyszerűen csak válasszuk ki, hogy VB.Net, C# vagy C++-ban szeretnénk egy új projektet nyitni.

Mi most C#-ben fogjuk elkészíteni a böngészőt.Nos, ahogy előbb írtam indítsunk el egy új projektet.

(https://board.ddmt2.net/proxy.php?request=http%3A%2F%2Fwww.kephost.com%2Fimages4%2F2011%2F10%2F15%2F953qkc9z7e2lr2xg35wl.jpg&hash=eb5456131edecd93ae23e816447cae321a0308c1)

IdézLocation: A projekt helye.Itt fogjuk majd megtalálni az elkészült programunkat, és összetevőit.
Name: Egyértelmű, ez a neve.

Miután az OK gombra kattintunk megkezdhetjük a programunk fejlesztését.Egyenlőre még csak egy Dizájnos részt látunk viszont, ha 2x kattintunk az ablakra akkor megjelenik a forráskód is.Most menjünk vissza a Dizájn részes fülre, majd kattintsunk 1x az ablakra.Ezzel jobboldalt megjelennek az információk.Keressük meg ezt:
IdézText: Form1
Ez az ablak nevét jelöli, írjuk át kedvünk szerint valamire. ( Nem szükséges ) Én Böngészőre írom át, mivel az készül.

(https://board.ddmt2.net/proxy.php?request=http%3A%2F%2Fwww.kephost.com%2Fimages4%2F2011%2F10%2F15%2Ff4w3fjpfhv8e52kqdncw.jpg&hash=e9c0d79477272b34ed519399b0662f5622626b1e)

Rakjunk rá 3 buttont (gombot) a programunkra. ( Ezt a Toolbox-al tehetjük meg )

Button 1: Ezt helyezzük az ablakunk bal majdnem felső sarkába.
Button 2: Ezt helyezzük Button 1 mellé.
Button 3: Ezt helyezzük a Button 1-től sokkal távolabb jobbra. ( Legyenek vízszintbe egymással )

Button 2, és Button 3 közé rakjunk be egy TextBox-ot. ( Ezt a Toolbox-al tehetjük meg ) Nyújtsuk megfelelően hosszúra, mint egy címsort.

(https://board.ddmt2.net/proxy.php?request=http%3A%2F%2Fwww.kephost.com%2Fimages4%2F2011%2F10%2F15%2Fzkymn91o5hstexaaefae.jpg&hash=7bcf62f6afa0f43fb7b2a90ae39463047e63bf4b)

Button 1 neve legyen Vissza.
Button 2 neve legyen Frissítés
Button 3 neve legyen Mehet

(https://board.ddmt2.net/proxy.php?request=http%3A%2F%2Fwww.kephost.com%2Fimages4%2F2011%2F10%2F15%2F7jxdvk7o59bp0rfouwxg.jpg&hash=219e8ceaab89f7649505ef20ea1937a0cf995008)

Most adjunk hozzá egy WebBrowser-t. ( Toolboxból húzzuk az ablakunkra ) Nyújtsuk akkorára, hogy az egész ablakot elfedje kivéve a felső részt. ( Vissza, Frissítés, TextBox, Mehet )

(https://board.ddmt2.net/proxy.php?request=http%3A%2F%2Fwww.kephost.com%2Fimages4%2F2011%2F10%2F15%2Fbtla1ykey5i9vnz0c7qc.jpg&hash=206d1db0bda9d8e535bb028653291d6cc49a7e7c)

Most kattintsunk egyszer WebBrowser-re, majd jobboldalt az Információs sávon keressük ki ezt:
IdézAnchor: Top,Left

Kattintsunk rá, majd aktiváljuk még a jobb, illetve az alsót is.

(https://board.ddmt2.net/proxy.php?request=http%3A%2F%2Fwww.kephost.com%2Fimages4%2F2011%2F10%2F15%2F6xc5posorc096bogjji2.jpg&hash=6213e1995dea01ffba35c04a869adf8046e789b4)

Most kattintsunk kétszer a Vissza gombra, és írjuk bele ezt a kódot:

webBrowser1.GoBack();

(https://board.ddmt2.net/proxy.php?request=http%3A%2F%2Fwww.kephost.com%2Fimages4%2F2011%2F10%2F15%2F9ifqut9hmlu2weg5zaly.jpg&hash=a2b28d58efae5dc2540a6b710183d472526d7ce0)

Kattintsunk a Frissítés gombra, és írjuk bele ezt a kódot:

webBrowser1.Refresh();

Menjünk vissza a Dizájn fülre, és kattintsunk 2x a Mehet gombra, és írjuk bele ezt a kódot:

webBrowser1.Navigate(textBox1.Text);

(https://board.ddmt2.net/proxy.php?request=http%3A%2F%2Fwww.kephost.com%2Fimages4%2F2011%2F10%2F15%2Fslbrqhny3s0zxwm4yjkz.jpg&hash=657c84a0669ae50d0ec4150c67f6d1696290e6ce)

Most menjünk vissza a Dizájn részre, és nyomjuk meg billentyűzetünkön az F5-öt.

Ezzel tudjuk csodálni a programunkat, hogy milyen ügyesek is vagyunk.

Hogyan tudjuk publikálni a programunkat, hogy más is használni tudja?

Kattintsunk felül a Build-ra, majd a Build Böngésző pontra.

Most alul írja, hogy hova lett elkészítve a projekt. Amennyiben nem változtattuk a mentési helyet itt találjátok:

C:\Users\Felhasználónév\Documents\Visual Studio 2010\Projects

Böngésző > Bin > Debug > Böngésző.exe. Ez a kész .exe kiterjesztésű programunk.

Egy kép a teljesen elkészült, és kicsit továbbfejlesztett böngészőről:

(https://board.ddmt2.net/proxy.php?request=http%3A%2F%2Fwww.kephost.com%2Fimages4%2F2011%2F10%2F16%2Fzjpln3vf10wnm7wehb1d.jpg&hash=52438494da9bb83da0e0b5f376cee94ca4c3a636)

Akit kiváncsivá tettem, és megpróbálja a program elkészítését annak sok sikert kívánok.Amennyiben valami problémába ütköztök írjatok ide, és megoldjuk.

Üdvözlettel,
Disco
Cím: Re:Böngésző készítése C#
Írta: !GoLD! Dátum 2011-10-19, 20:36:36
Szia a kereső boxot hogy csináltad?
Cím: Re:Böngésző készítése C#
Írta: [VIP]Disco Dátum 2011-10-20, 21:33:02
Idézetet írta: !GoLD! Dátum 2011-10-19, 20:36:36
Szia a kereső boxot hogy csináltad?
Szia!

Hozzáadsz Toolboxból egy textboxot, meg egy Buttont.A textbox elé beraksz egy PictureBox-ot, majd jobb klikk a PictureBox-ra és Properties.Ezzel jobboldalt megnyílik az információs sáv.Ott keresd ki az Image részt, és tallóz be egy képet.Dupla klikk a Buttonra, és írd bele a kódot... Forráskód nem nagyon publikus, mert én is nagyon sokat szenvedtem vele mire sikerült, de annyit elárulok, hogy
webBrowser1.Navigate("googlekereseslinkje" + textBox2.Text + "googlekereseslinkveg");
Cím: Re:Böngésző készítése C#
Írta: Dogon Dátum 2011-10-21, 21:38:49
Szép leírás, köszönjük :D
UI:El is készítettem,de csak fb-hez jó, mert lassú :S erre esetleg valami megoldás?:D
Cím: Re:Böngésző készítése C#
Írta: [VIP]Disco Dátum 2011-10-22, 00:01:18
Hogyérted, hogy lassú? Nekem teljesen normálisan tölti be az oldalakat.
Cím: Re:Böngésző készítése C#
Írta: !GoLD! Dátum 2011-10-22, 09:50:51
Disco

1000x köszönet :D 




Először is Disco remélem nem haragszol hogy kiegészítem a témád, de miközben szórakozgattam ezzel rájöttem pár dologra.


Előre gomb készítése


Majdnem ugyanúgy kell elkészíteni mint a vissza gombot. Toolboxal kihelyezel egy buttont. Jobb gomb, properties, jobb oldalt az információknál kikeresed hogy text és beírod vagy azt hogy előre vagy amit akarsz. (https://board.ddmt2.net/proxy.php?request=http%3A%2F%2F87.229.111.86%2FSmileys%2Fdefault%2Fsmiley.gif&hash=0dd15633c5df65888d910fa8369594d63999e4e1)
Aztán dupla klikk a gombra és másold be a kódot: webBrowser1.GoForward();


Facebook vagy egyéb gyorsgomb készítése


Először is elhelyezel valahol egy picture boxot a toolboxal.
Jobb klikk, properties, Image. Itt betallózod a képet amit akarsz. (én most facebook gyorsgombot csináltam ezért egy facebook képet teszek be.) Érdemes kis ikonképeket keresni hogy jól elférjen.
Aztán duplaklikk a képre. Másold be a következő kódot: webBrowser1.Navigate("www.facebook.com (http://www.facebook.com/)");
Természetesen ha mást akarsz akkor annak az URL-jét illeszted be (https://board.ddmt2.net/proxy.php?request=http%3A%2F%2F87.229.111.86%2FSmileys%2Fdefault%2Fcheesy.gif&hash=74e1e9f3ee33d52a2c16a17a00400535ee3e4d4d).


Üzenet készítése


Ha valaki szeretne pl. olyat hogy egy gomb amit ha megnyom az amber akkor kírja hogy ki készítette vagy valami ilyesmi. Na megmutatom hogyan is kell ilyet készíteni: Helyezzel el valahova a toolboxal egy buttont. a properies, text-be azt írsz amit akarsz, attól függ milyen célt szolgál majd a gombod. Aztán duplaklikk rá és másold be a kódot: MessageBox.Show("Ide írd a szöveget amit szeretnél hogy kiírjon");

edit: Ha valakinek valami nem sikerül itt írjon (https://board.ddmt2.net/proxy.php?request=http%3A%2F%2F87.229.111.86%2FSmileys%2Fdefault%2Fsmiley.gif&hash=0dd15633c5df65888d910fa8369594d63999e4e1)
majd még frissítem (https://board.ddmt2.net/proxy.php?request=http%3A%2F%2F87.229.111.86%2FSmileys%2Fdefault%2Fcheesy.gif&hash=74e1e9f3ee33d52a2c16a17a00400535ee3e4d4d)






(http://index.php?topic=102344.msg610716#msg610716)

IdézSzép leírás, köszönjük (https://board.ddmt2.net/proxy.php?request=http%3A%2F%2F87.229.111.86%2FSmileys%2Fdefault%2Fcheesy.gif&hash=74e1e9f3ee33d52a2c16a17a00400535ee3e4d4d)
UI:El is készítettem,de csak fb-hez jó, mert lassú :S erre esetleg valami megoldás?(https://board.ddmt2.net/proxy.php?request=http%3A%2F%2F87.229.111.86%2FSmileys%2Fdefault%2Fcheesy.gif&hash=74e1e9f3ee33d52a2c16a17a00400535ee3e4d4d)


Ez valószínűleg azért lehet maga a web browser ahol megjeleníti az oldalakat az az internet explorer. (https://board.ddmt2.net/proxy.php?request=http%3A%2F%2F87.229.111.86%2FSmileys%2Fdefault%2Fsmiley.gif&hash=0dd15633c5df65888d910fa8369594d63999e4e1)
Csak ugye hozzáraktunk ezt azt. (https://board.ddmt2.net/proxy.php?request=http%3A%2F%2F87.229.111.86%2FSmileys%2Fdefault%2Fsmiley.gif&hash=0dd15633c5df65888d910fa8369594d63999e4e1)

EDIT:
Kerüld a dupla, tripla postot, használd a Módosítás gombot!
Wolfy
Cím: Re:Böngésző készítése C#
Írta: ANISION Dátum 2011-10-28, 22:41:34
Kösszentyű.
Disco: Egy forráskódot dobsz PÜ-ben? nincs helyem a progihoz. N++-ban megnézem köszi.
Cím: Re:Böngésző készítése C#
Írta: TraxWall Dátum 2011-11-02, 17:23:29
Melyik verzioju Visual Studioval csináltad?
Cím: Re:Böngésző készítése C#
Írta: [VIP]Disco Dátum 2011-11-02, 17:32:33
Legújabb Ultimate.
Cím: Re:Böngésző készítése C#
Írta: atmka14 Dátum 2011-11-07, 19:33:48
Szia!
Nagyon szép leírás!
Azt megkérdezhetem, hogy hogyan állítom be, hogy mi legyen az Ikonja, ha megcsináltam a böngészőt?
Cím: Re:Böngésző készítése C#
Írta: [VIP]Disco Dátum 2011-11-07, 19:50:05
Jobboldalt felül rákattintasz a projektedre, és ott a beállításoknál lesz olyan, hogy Icon.Ott betallózod a .ico kiterjesztésű ikon-t, és kész is.
Cím: Re:Böngésző készítése C#
Írta: Sura6002 Dátum 2011-11-07, 19:53:12
Idézetet írta: Disco Dátum 2011-11-07, 19:50:05
Jobboldalt felül rákattintasz a projektedre, és ott a beállításoknál lesz olyan, hogy Icon.Ott betallózod a .ico kiterjesztésű ikon-t, és kész is.
Igen így,de ha már esetleg megvan 1 program ami nincs tömörítve, de már nincs meg a projekted a Visual Studio-ban, akkor Resource Hackerrel tudsz hozzáadni új ikont ;)
Ha valakinek kéne a res hackeres megoldás akkor írjon 1 PM-et :D
Cím: Re:Böngésző készítése C#
Írta: bokorzslt Dátum 2011-11-12, 21:48:35
Grat hozzá.
Én visual basic-el valósítottam meg mindezt.
Cím: Re:Böngésző készítése C#
Írta: otto2120 Dátum 2012-08-14, 03:33:25
Disco nagyon köszönjük!

Megtudod mondani holvan a "Button" mert én nem találtam :S
Cím: Re:Böngésző készítése C#
Írta: Raaawr Dátum 2012-08-14, 03:47:18
na, nem tűnik nehéznek, holnap(vagyisma..) kipróbáljuk, bár nemhiszem hogy nagyobbat alkotnék mint a Chrome^^
Cím: Re:Böngésző készítése C#
Írta: Minibig15 Dátum 2012-08-28, 10:53:47
Valaki tudja hogy lehet egyszerre több lapot megnyitni és felül váltogatni közöttük ? :)
Cím: Re:Böngésző készítése C#
Írta: [VIP]Disco Dátum 2012-08-30, 00:42:01
Tabcontrol, Picturebox vagy akár saját Controllal.
Cím: Re:Böngésző készítése C#
Írta: Minibig15 Dátum 2012-08-30, 10:05:16
Arra rájöttem, néztem videót :D De köszönöm, másik, ja tabcotrolt illesztek be akkor mit írjak a vissza előre ugrás stb srb gombokhoz ? mert a tabControl nem jó :/

Másik kérhetnék egy letöltés linket ehez a Visual Studiohoz ? Mert én sehol nem találok jó linket, találta párat de az mind renget dolgot +-ba letölt
EhPortal 1.39 © 2025, WebDev