Skillnad mellan versioner av "Kap 14 Windowsprogrammering (50)"

Från Mathonline
Hoppa till: navigering, sök
m
m
Rad 73: Rad 73:
 
+++
 
+++
  
−
= <b><span style="color:#931136">14.4 &nbsp; En egen webbläsare</span></b> =
 
  
  
−
= <b><span style="color:#931136">Projektet FirstBrowser</span></b> =
+
= <b><span style="color:#931136">3 HscrollBars, 6 Labels & 1 Button</span></b> =
 
<div class="ovnE">
 
<div class="ovnE">
−
===== <b><span style="color:#931136">När det är klart:</span></b> =====
+
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: ColorTest_1.jpg]]</div>
−
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: MyFirstBrowser.jpg]]</div>
+
 
</div>
 
</div>
  
  
−
= <b><span style="color:#931136">Kontrollen WebBrowser</span></b> =
+
= <b><span style="color:#931136">Projektet ColorTest</span></b> =
 
<div class="ovnC">
 
<div class="ovnC">
−
===== <b><span style="color:#931136">När man hämtat den från Toolbox:</span></b> =====
 
−
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: WebBrowser.jpg]]</div>
 
−
 
−
===== <b><span style="color:#931136">Några egenskaper av den nya WebBrowser-kontrollen:</span></b> =====
 
 
<big>
 
<big>
−
* &nbsp; &nbsp; Täcker hela formen: <b><span style="color:red">Docked in Parent Container</span></b>.
+
Tre horisontella scrollbars visas till vänster. Med deras reglage kan man ställa in
−
* &nbsp; &nbsp; <b><span style="color:red">Parent Container</span> = Formen</b>.
+
−
* &nbsp; &nbsp; Med <i>Smart Tag</i> (lilla pilen) i det högre översta hörnet
+
  
−
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; kan man ändra till <b><span style="color:red">Undock in Parent Container</span></b>, dvs:
+
ett önskat värde mellan <math> \; 0</math>-<math>255 </math>, <b>RGB</b>-modellens färgkomponenter <b>R</b>öd, <b>G</b>rön, <b>B</b>lå.
  
−
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; lösa kontrollen från formen och placera den valfritt.
+
När alla tre värden är valda ska en klick på knappen Visa Färg visa den valda färg-
  
−
* &nbsp; &nbsp; Välj <b><span style="color:red">Undock ... </span></b> och ändra storleken senare.  
+
blandningen i Formens bakgrund. Dessutom ska RGB-värdena visas på labeln till
 +
 
 +
höger om reglaget. Sammanlagt är <math> \; 256\,^3 \, = \, 16\,777\,216 \; </math> färgnuanser möjliga.
 +
 
 +
Exempel:
 +
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: ColorTest_2.jpg]]</div>
 +
 
 +
För att bygga detta projekt följ instruktionerna i kursboken, sid 22-25.
 
</big>
 
</big>
 
</div>
 
</div>
  
  
−
= <b><span style="color:#931136">Koden till projektet FirstBrowser</span></b> =
+
= <b><span style="color:#931136">Kod bakom knappen Visa färg</span></b> =
−
<div class="ovnE">
+
<div class="ovnA">
−
=== <b><span style="color:#931136">Dubbelklicka i formen på Kör-knappen och ... </span></b> ===
+
<big>
−
==== <b><span style="color:#931136">Lägg till följande sats i händelsemetoden btnGo_Click():</span></b> ====
+
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Koden_Visa_Farg.jpg]]</div>
−
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: btnGo_Click.jpg]]</div>
+
</big>
 
</div>
 
</div>
  
  
−
== <b><span style="color:#931136">Följ instruktionerna till detta projekt i [http://mathonline.se/Boken%20Programmering%20i%20C%20och%20Cpp.pdf <span style="color:blue">kursboken</span>], sid 411-414.</span></b> ==
+
== <b><span style="color:#931136">Följ instruktionerna till detta projekt i [http://mathonline.se/Boken%20Programmering%20i%20C%20och%20Cpp.pdf <span style="color:blue">kursboken</span>], sid 421-424.</span></b> ==
−
 
+
  
 
<br><br>
 
<br><br>

Versionen från 12 december 2023 kl. 18.56

Ons 13 dec, kl 9-12


        <<  Agenda          Genomgång 50          Övningar 50          Innehåll & struktur          Nästa lektion  >>      


Kap 14   Windowsprogrammering (forts.)

  Genomgång av övn 14.3

  Projektet Addition

Ovn 14 3 F 1.jpg


Ovn 14 3 F 2.jpg


Klassen Form1

Ovn 14 3 F 3.jpg


14.5   En mer utvecklad webbläsare

Projektet DevBrowser med tre olika Windows Forms

Den 1:a formen med WebBrowser-kontrollen och en menyrad (ovan) med två menyer:
DevBrowser.jpg


Dialogrutan Navigate

Den 2:a formen med olika kontroller:
Navigate.jpg

  •     Ersätter TextBoxen i den första versionen för inmatning av webbadress.
  •     Visas när man klickar på Navigate-menyn i den 1:a formen ovan.
  •     Innehåller fem kontroller:

          en Label, en TextBox, två Buttons och en TableLayoutPanel (osynlig).


Dialogrutan About Box

Den 3:e formen:
About Box.jpg

  •     Visas när man klickar på Help-menyn samt på

          undermenyn About... i den 1:a formen.

  •     Återgår till den 1:a formen när man klickar på OK.
  •     Innehåller redan kontroller. Vi ändrar ingenting.
  •     Kan användas för att visa information om DevBrowser.


Följ instruktionerna till detta projekt i kursboken, sid 415-420.

+++


3 HscrollBars, 6 Labels & 1 Button

ColorTest 1.jpg


Projektet ColorTest

Tre horisontella scrollbars visas till vänster. Med deras reglage kan man ställa in

ett önskat värde mellan \( \; 0\)-\(255 \), RGB-modellens färgkomponenter Röd, Grön, Blå.

När alla tre värden är valda ska en klick på knappen Visa Färg visa den valda färg-

blandningen i Formens bakgrund. Dessutom ska RGB-värdena visas på labeln till

höger om reglaget. Sammanlagt är \( \; 256\,^3 \, = \, 16\,777\,216 \; \) färgnuanser möjliga.

Exempel:

ColorTest 2.jpg

För att bygga detta projekt följ instruktionerna i kursboken, sid 22-25.


Kod bakom knappen Visa färg

Koden Visa Farg.jpg


Följ instruktionerna till detta projekt i kursboken, sid 421-424.



Gå vidare till:   
Övningar 49
    när du är klar med denna genomgång.












Copyright © 2023. All Rights Reserved.

Hämtad från "https://kurser.mathonline.se/index.php?title=Kap_14_Windowsprogrammering_(50)&oldid=11643"