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

Från Mathonline
Hoppa till: navigering, sök
m
m
Rad 75: Rad 75:
  
 
= <b><span style="color:#931136">14.6 &nbsp; Färgtest med kontrollen HScrollBar</span></b> =
 
= <b><span style="color:#931136">14.6 &nbsp; Färgtest med kontrollen HScrollBar</span></b> =
<div class="ovnE">
+
<div class="ovnC">
 
=== <b><span style="color:#931136">3 HscrollBars, 6 Labels & 1 Button</span></b> ===
 
=== <b><span style="color:#931136">3 HscrollBars, 6 Labels & 1 Button</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: ColorTest_1.jpg]]</div>
Rad 82: Rad 82:
  
 
= <b><span style="color:#931136">Projektet ColorTest</span></b> =
 
= <b><span style="color:#931136">Projektet ColorTest</span></b> =
<div class="ovnC">
+
<div class="ovnA">
 
<big>
 
<big>
 
Tre horisontella scrollbars visas till vänster. Med deras reglage kan man ställa in  
 
Tre horisontella scrollbars visas till vänster. Med deras reglage kan man ställa in  
Rad 103: Rad 103:
  
 
= <b><span style="color:#931136">Kod bakom knappen Visa färg</span></b> =
 
= <b><span style="color:#931136">Kod bakom knappen Visa färg</span></b> =
<div class="ovnA">
+
<div class="ovnE">
 
<big>
 
<big>
 
<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: Koden_Visa_Farg.jpg]]</div>
Rad 110: Rad 110:
  
  
<div class="border-divblue">
+
<div class="ovnC">
 
=== <b><span style="color:#931136">Följ instruktionerna till projektet ColorTest i [http://mathonline.se/Boken%20Programmering%20i%20C%20och%20Cpp.pdf <span style="color:blue">kursboken</span>], sid 421-424.</span></b> ===
 
=== <b><span style="color:#931136">Följ instruktionerna till projektet ColorTest i [http://mathonline.se/Boken%20Programmering%20i%20C%20och%20Cpp.pdf <span style="color:blue">kursboken</span>], sid 421-424.</span></b> ===
 
</div>
 
</div>

Versionen från 12 december 2023 kl. 20.01

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 projektet DevBrowser i kursboken, sid 415-420.


14.6   Färgtest med kontrollen HScrollBar

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 projektet ColorTest i kursboken, sid 421-424.



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












Copyright © 2023. All Rights Reserved.