A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Előző változat mindkét oldalon Előző változat | |||
oktatas:programozas:wxwidgets:wxwidgets_kezikoenyv:widgets_i [2020/08/26 09:50] admin [wxSlider] |
oktatas:programozas:wxwidgets:wxwidgets_kezikoenyv:widgets_i [2020/08/26 10:03] (aktuális) admin [wxSlider] |
||
---|---|---|---|
Sor 666: | Sor 666: | ||
===== wxSlider ===== | ===== wxSlider ===== | ||
A wxSlider egy fogantyúval rendelkező widget. | A wxSlider egy fogantyúval rendelkező widget. | ||
- | A fogantyú oda-vissza húzható. Így válaszhatunk | + | A fogantyú oda-vissza húzható. Így választhatunk |
egy értéket, valamilyen feladathoz. | egy értéket, valamilyen feladathoz. | ||
A csúszka használata néha természetesebb, mint | A csúszka használata néha természetesebb, mint | ||
- | egy számokat megadni, vagy spin kontrollt használni. | + | egy számokat megadni, vagy léptetődobozt használni. |
<code cpp Slider.h> | <code cpp Slider.h> | ||
Sor 773: | Sor 773: | ||
- | In our example, we display a slider widget. By pulling the handle of the slider, we control the background color of the panel. In such an example, using slider is more natural than using e.g. a spin control. | + | A példánkban, megmutatjauk a slider widget használatát. A csúszka fogantyúját húzva, beállíthatjuk |
+ | a panel háttérszínét. Ebben a példában is természetesebb a slider használata, mint például egy | ||
+ | léptetődoboz. | ||
+ | |||
+ | |||
<code cpp> | <code cpp> | ||
slider = new wxSlider(this, ID_SLIDER, 0, 0, 140, wxPoint(50, 30), | slider = new wxSlider(this, ID_SLIDER, 0, 0, 140, wxPoint(50, 30), | ||
Sor 779: | Sor 784: | ||
</code> | </code> | ||
- | We create a vertical slider. The initial value is 0, minimal value is 0 and maximal value is 140. We display no ticks and no labels. | + | |
+ | Készítünk egy függőleges slider-t. Kezdőértéke 0, minimumértéke 0, maximumértéke 140. | ||
+ | Nincs pipa és felirat. | ||
<code cpp> | <code cpp> | ||
Connect(ID_SLIDER, wxEVT_COMMAND_SLIDER_UPDATED, | Connect(ID_SLIDER, wxEVT_COMMAND_SLIDER_UPDATED, | ||
Sor 785: | Sor 793: | ||
</code> | </code> | ||
+ | A wxEVT_COMMAND_SLIDER_UPDATED eseménynél, a felhasználó által készített OnScroll() | ||
+ | függvényhez kapcsolódunk. | ||
- | Here we connect a wxEVT_COMMAND_SLIDER_UPDATED event to the OnScroll() user defined method. | ||
<code cpp> | <code cpp> | ||
Connect(wxEVT_PAINT, wxPaintEventHandler(MyPanel::OnPaint)); | Connect(wxEVT_PAINT, wxPaintEventHandler(MyPanel::OnPaint)); | ||
</code> | </code> | ||
- | We will also do some drawing, so we connect OnPaint() method to the wxEVT_PAINT event. | + | Rajzolni is fogunk, így kapcsolódunk az OnPaint() függvényhez, wxEVT_PAINT esemény esetén. |
<code cpp> | <code cpp> | ||
Sor 798: | Sor 807: | ||
</code> | </code> | ||
- | In the OnScroll() method, we will get the current slider value. We call the Refresh() method, which will generate a wxEVT_PAINT event. | + | |
+ | Az OnScroll() metódusban, megkapjuk a slider aktuális értékét. Meghívjuk a Refresh() függvényt, | ||
+ | amely wxEVT_PAINT eseményt generál. | ||
<code cpp> | <code cpp> | ||
Sor 806: | Sor 817: | ||
</code> | </code> | ||
- | Inside the OnPaint() event handler, we draw two rectangles. The first method is draws a white rectangle with a gray border. The second method draws the a rectangle with some brownish color. The height of the rectangle is controled by the fill value, which is set by the slider widget. | ||
- | wxSlider | + | Az OnPaint() eseménykezelőn belül, négyzetet rajzolunk. Az első függvény egy fehér téglalapot rajzol, |
+ | szürke szegéllyel. A második függvény a téglalapot, valamilyen barnás színnel tölti ki. | ||
+ | A téglalap magasságát a kitöltési érték határozza meg, ami slider widgettel van bállítva. | ||
- | Figure: wxSlider | ||