Sign in Join
Wiki copytemporary

BGRAControls/de: what changed

Revision 1 to 2. Removed lines have a minus sign; added lines have a plus sign.

OldNewLine
11# Install
22
33### Download BGRABitmap
44
55Install BGRABitmap with the file bgrabitmappack.lpk.
66
77GitHub: <https://github.com/bgrabitmap/lazpaint/>
88
99### Download BGRAControls
1010
1111Install BGRAControls with the file bgracontrols.lpk.
1212
1313GitHub: <https://github.com/bgrabitmap/bgracontrols/>
1414
1515## Überblick
1616
1717**Autoren:**
1818
1919Dibo (Ersteller und Verwalter des Packages, Autor von: *TBGRAImageList*, *TBGRASpeedButton*, *TBGRAButton*, *TBGRAPanel*)
2020
2121Lainz (Verwalter des Packages, Autor von: *TBGRAImageButton*, *TBGRAImageToggleBox*, *TBGRASpriteAnimation*, *TBGRALabelFX*, *TBGRAWin7ToolBar*)
2222
2323Circular (Verwalter des Packages, Autor von: *TBGRAKnob*, *TBGRAFlashProgressBar*, *TBGRAVirtualScreen*, *TBGRAShape*, *TBGRAGraphicControl*)
2424
2525Emerson Cavalcanti (Autor von: *TBGRAImageManipulation*)
2626
2727codedeep (Autor von: *TBGRALabel*)
2828
2929**Lizenz:** Modified LGPL.
3030
3131Wie viele Leute wissen, enthält Lazarus GTK keine vollständige Unterstützung von Alpha-Farbkanälen. Ich habe einen Satz von Komponenten erzeugt, die TBGRABitmap zum Zeichnen der Symbole benutzen. Das löst teilweise Das Problem mit Alpha in GTK. Aber dieser Komponentensatz ist nicht nur ein Patch für GTK, sondern er enthält weitere ansprechende Komponenten, welche die Stärken des BGRABitmap-Pakets ausnutzen.
3232
3333**Screenshots:** Einige Bilder aus dem Projekt 'testbgracontrols'.
3434
35-<figure>
36-<img src="testbgrac1.png" title="testbgrac1.png" />
37-<figcaption>testbgrac1.png</figcaption>
38-</figure>
35+![](/wiki-images/f/f9/Testbgrac1.png)
3936
4037*testbgracontrols \> Main.*
4138
42-<figure>
43-<img src="testbgrac2.png" title="testbgrac2.png" />
44-<figcaption>testbgrac2.png</figcaption>
45-</figure>
39+![](/wiki-images/d/d0/Testbgrac2.png)
4640
4741*testbgracontrols \> Windows 7 ToolBar.*
4842
49-<figure>
50-<img src="testbgrac4.png" title="testbgrac4.png" />
51-<figcaption>testbgrac4.png</figcaption>
52-</figure>
43+![](/wiki-images/9/9b/Testbgrac4.png)
5344
5445*testbgracontrols \> Ribbon.*
5546
5647## Verwandte Artikel
5748
5849[[BGRAButton Gallery]] - Gallery of buttons with source code to use in your projects with BGRAButton.
5950
6051[[BGRASpriteAnimation]] - Usage of the sprite animation component.
6152
6253[[uE Controls]] - Other controls developed with BGRABitmap.
6354
6455[[BGRABitmap]] - The library used to create this controls.
6556
6657[[LazPaint]] - A paint program developed with Lazarus and BGRABitmap.
6758
6859## Verwendung
6960
7061Einfach auf ein Form fallen lassen und wie andere normale Komponenten verwenden.
7162
7263**Schaltflächen**:
7364
7465- TBGRAButton
7566- TBGRAImageButton
7667- TBGRAImageToggleBox
7768- TBGRASpeedButton
7869
7970**Labels**
8071
8172- TBGRALabel
8273- TBGRALabelFX
8374
8475**Tafeln**
8576
8677- TBGRAPanel
8778- TBGRAVirtualScreen
8879
8980**Image**
9081
9182- TBGRAGraphicControl
9283- TBGRAImageList
9384- TBGRAImageManipulation
9485- TBGRASpriteAnimation
9586
9687**Andere**
9788
9889- TBGRAFlashProgressBar
9990- TBGRAKnob
10091- TBGRAShape
10192- TBGRAWin7ToolBar
10293
10394## TBGRAImageList
10495
10596**Verwendung als Ersatz für:** TImageList
10697
10798**Vorher:**
10899
109-<figure>
110-<img src="before-TImageList.png" title="before-TImageList.png" />
111-<figcaption>before-TImageList.png</figcaption>
112-</figure>
100+![](/wiki-images/a/ac/Before-TImageList.png)
113101
114102**Nachher:**
115103
116-<figure>
117-<img src="after-TBGRAImageList.png" title="after-TBGRAImageList.png" />
118-<figcaption>after-TBGRAImageList.png</figcaption>
119-</figure>
104+![](/wiki-images/1/1f/After-TBGRAImageList.png)
120105
121106Eine Komponente die von TImageList abgeleitet wurde. Deshalb kann jedes Steuerelement (getestet mit TToolBar und TTreeView), das die Methode "TImageList.Draw" zum Zeichnen der Symbole benutzt, automatisch Alpha-Unterstützung haben. Verwenden Sie diese Komponente anstelle von TImageList. Diese Komponente ermöglicht unter GTK Alpha, darum arbeitet sie unter Windows (und anderen Interfaces) genau so wie eine normale TImageList (d.h. sie benutzt nicht BGRABitmap zum Zeichnen).
122107
123108## TBGRASpeedButton
124109
125110**Verwendung als Ersatz für:** TSpeedButton
126111
127-<figure>
128-<img src="BGRASpeedButton.png" title="BGRASpeedButton.png" />
129-<figcaption>BGRASpeedButton.png</figcaption>
130-</figure>
112+![](/wiki-images/e/e9/BGRASpeedButton.png)
131113
132114Eine Komponente die von TSpeedButton abgeleitet wurde und die Glyphen mittels TBGRABitmap zeichnet. Diese Komponente ermöglicht unter GTK Alpha, darum arbeitet sie unter Windows (und anderen Interfaces) genau so wie ein normaler TSpeedButton (d.h. sie benutzt nicht BGRABitmap zum Zeichnen).
133115
134116## TBGRAButton
135117
136118**Verwendung als Ersatz für:** TButton
137119
138-<figure>
139-<img src="bgrabutton.png" title="bgrabutton.png" />
140-<figcaption>bgrabutton.png</figcaption>
141-</figure>
120+![](/wiki-images/9/96/Bgrabutton.png)
142121
143122Eine anpassbare graphische Komponente, die nur BGRABitmap-Funktionen zum Zeichnen benutzt. Diese Komponente ignoriert den Schalter -dGTK_ONLY. Ein Demoprojekt ist im Package enthalten.
144123
145124**Funktionalität:**
146125
147126- Gradienten, durchsichtiger oder farbiger Hintergrund. [[Double Gradient/de]].
148127- Text mit Schatten: BGRA-Antialiasing oder ähnliche Standarddarstellung wie mit ClearType.
149128- Abgerundete Kanten, innere Beleuchtung.
150129- Zustände: normal, schwebend & angeklickt voll ampassbar und deaktiviert mit Graustufen.
151130- Spezial: Down, DropDown, Static.
152131- Vollständiges AutoSize mit Glyphen.
153132
154133## TBGRAPanel
155134
156135**Verwendung als Ersatz für:** TPanel
157136
158137Ein einfacher Nachfolger von TPanel, der einen Gradient als Hintergrund haben kann. Wurde extra für TBGRAButton entworfen (um eine gutaussehende Werkzeugleiste für bgrabuttons zu haben). Diese Komponente ignoriert den Schalter -dGTK_ONLY.
159138
160139## TBGRAKnob
161140
162-<figure>
163-<img src="BC-Bgraknob.png" title="BC-Bgraknob.png" />
164-<figcaption>BC-Bgraknob.png</figcaption>
165-</figure>
141+![](/wiki-images/3/39/BC-Bgraknob.png)
166142
167143Ein graphischer Drehknopf, entworfen von Circular.
168144
169145## TBGRAFlashProgressBar
170146
171147**Verwendung als Ersatz für:** TProgressBar
172148
173-<figure>
174-<img src="BC-Bgraflashprogressbar.png" title="BC-Bgraflashprogressbar.png" />
175-<figcaption>BC-Bgraflashprogressbar.png</figcaption>
176-</figure>
149+![](/wiki-images/0/0b/BC-Bgraflashprogressbar.png)
177150
178151Ein Flash-Fortschrittsbalken, entworfen von Circular.
179152
180153## TBGRAImageManipulation
181154
182155**Verwendung als Ersatz für:** TImage
183156
184157Eine Komponente, um in einer Anwendung den Import von Bildern zu ermöglichen.
185158
186159In der aktuellen Version können Sie ein Bild importieren und zuschneiden (auch unter Beibehaltung des Bildseitenverhältnisses). Wenn Sie, beispielsweise, Fotos mit dem Verhältnis 3x4 importieren wollen, stellen Sie die Eigenschaft 'ratio' auf 3:4. Beim Import von Bildern mit unterschiedlicher Größe stellt die Komponente sicher, dass das Bild in den Proportionen den gewünschten Werten entspricht.
187160
188161Sie können die Minimalgröße des Bildes mit den Eigenschaften 'MinWidth' und 'MinHeight' festlegen.
189162
190163Sie können auch das Bild mittel der eingebauten Funktionen drehen.
191164
192165Siehe auch die Demo der Komponente:
193166
194-<figure>
195-<img src="bgraimagemanipulation.jpg" title="bgraimagemanipulation.jpg" />
196-<figcaption>bgraimagemanipulation.jpg</figcaption>
197-</figure>
167+![](/wiki-images/6/60/Bgraimagemanipulation.jpg)
198168
199169Nachdem das Bild durch die Komponente geändert wurde, übergeben Sie es mittels Stretch an ein Ziel. Dieses sollte natürlich das gleiche Verhältnis aufweisen, um nicht das Ergebnis zu verzerren.
200170
201171## TBGRAImageButton
202172
203173**Verwendung als Ersatz für:** TButton
204174
205-<figure>
206-<img src="bgraimagebutton.png" title="bgraimagebutton.png" />
207-<figcaption>bgraimagebutton.png</figcaption>
208-</figure>
175+![](/wiki-images/1/11/Bgraimagebutton.png)
209176
210177Diese Komponente erzeugt eine Schaltfläche mit 4 möglichen Zuständen (aus Bitmaps). Unterstützt werden Beschriftungen mit Schatten.
211178
212179Die Bitmap muss die 4 Zustände enthalten (von oben nach unten, mit derselben Höhe) in folgender Reihenfolge: normal, enter, pressed, disabled.
213180
214181Falls Sie die BitmapOptions verwenden, dann benötigen Sie für jeden Zustand ein Bild das einen Rahmen hat, und innerhalb dessen einen Inhalt, der wiederholt (also gekachelt) dargestellt werden kann. Mit der Option "FillCenter" wird (falls Sie eine texturierte Schaltfläche wollen) der Inhalt wiederholt, während der Rahmen bleibt wie er ist. Diese Methode wird auch von Windows angewandt, um die Schaltflächen mit Themen darzustellen.
215182
216183*Beispielsbutton:*
217184
218-<figure>
219-<img src="samplebgraimagebutton.png" title="samplebgraimagebutton.png" />
220-<figcaption>samplebgraimagebutton.png</figcaption>
221-</figure>
185+![](/wiki-images/2/29/Samplebgraimagebutton.png)
222186
223187*Beispielsbutton (mit Alpha):*
224188
225-<figure>
226-<img src="samplebgraimagebuttonalpha.png" title="samplebgraimagebuttonalpha.png" />
227-<figcaption>samplebgraimagebuttonalpha.png</figcaption>
228-</figure>
189+![](/wiki-images/b/b9/Samplebgraimagebuttonalpha.png)
229190
230191## TBGRAVirtualScreen
231192
232193**Verwendung als Ersatz für:** TPanel
233194
234195Der Grundsatz lautet: Hier wird auf einer Speicher-Bitmap gezeichnet.
235196
236197Die Komponente hat ein besonderes Ereignis, OnRedraw, das immer dann ausgelöst wird, wenn die gesamte Bitmap neu gezeichnet werden muss. Das erfolgt am Anfang, bei Größenänderungen und wenn die Methode "Redraw" aufgerufen wird.
237198
238199Andererseits ist es möglich, die Eigenschaft "Bitmap" zu ändern und "Invalidate" oder "Repaint" aufzurufen. Das vermeidet das Löschen des gesamten Inhalts der Bitmap.
239200
240201## TBGRAShape
241202
242203**Verwendung als Ersatz für:** TShape
243204
244-<figure>
245-<img src="samplebgrashape.png" title="samplebgrashape.png" />
246-<figcaption>samplebgrashape.png</figcaption>
247-</figure>
205+![](/wiki-images/6/61/Samplebgrashape.png)
248206
249207Die Komponente hat volle Alpha-Unterstützung. Sie können die Anzahl der polygone wählen mit abgerundeten Kanten & Gradienten (linear, radial, rautenförmig, gespiegelt).
250208
251209## TBGRAImageToggleBox
252210
253211ENTFERNT IN VER 1.1.0.7.
254212
255213**Verwendung als Ersatz für:** TToggleBox
256214
257215Die Komponente erzeugt einen Umschaltknopf aus einer Bitmap.
258216
259217Die Bitmap muss 8 Bilder enthalten (von oben nach unten, mit derselben Höhe) ) in folgender Reihenfolge: unchecked normal, unchecked enter, unchecked pressed, unchecked disabled für den Zustand "Unchecked" und checked normal, checked enter, checked pressed, checked disabled für den Zustand "Normal".
260218
261219*Beispiel für Umschaltknopf:*
262220
263-<figure>
264-<img src="sampletogglebox.png" title="sampletogglebox.png" />
265-<figcaption>sampletogglebox.png</figcaption>
266-</figure>
221+![](/wiki-images/2/2f/Sampletogglebox.png)
267222
268223## TBGRAGraphicControl
269224
270225**Verwendung als Ersatz für:** TPaintBox
271226
272227Ein TBGRAGraphicControl-Element, das es Ihnen erlaubt, Ihre Komponente selbst mit Alphablending zu zeichnen.
273228
274229## TBGRASpriteAnimation
275230
276231**Verwendung als Ersatz für:** TImage
277232
278233Lesen Sie dazu mehr im Artikel [[BGRASpriteAnimation]].
279234
280-<figure>
281-<img src="bgraspriteanimation.png" title="bgraspriteanimation.png" />
282-<figcaption>bgraspriteanimation.png</figcaption>
283-</figure>
235+![](/wiki-images/8/88/Bgraspriteanimation.png)
284236
285237Damit stellen Sie Animationen aus einer Bitmap dar. Sie benötigen ein Bild, das alle Animationsschritte in horizontaler Anordnung enthält.
286238
287239Es gibt die Möglichkeit anzugeben, wie oft die Animation abgespielt werden soll (0 für unendlich, 1, 2, etc...) und die Animation mittels "static" zu stoppen. Ebenfalls die Geschwindigkeit, die Richtung und die Transparenz.
288240
289241Merkmale:
290242
291243- Animation: invert, position, lap, speed, static, repeat.
292244- Sprite: fill opacity (global transparency), flip mode (horizontal, vertical, both), key color (transparent color), resample (normal or fine resample modes). AutoSize.
293245- AnimatedGifToSprite: konvertiert ein animiertes GIF in ein BGRABitmap-Sprite.
294246
295247## TBGRALabel
296248
297249**Verwendung als Ersatz für:** TLabel
298250
299251Eine Labelkomponente, die auf TBGRAButton basiert.
300252
301253Merkmale:
302254
303255- Beschriftung mit oder ohne Schatten
304256- Volle Unterstützung von Alpha und Antialiasing
305257- Wortumbruch
306258- Beschriftung mit der Eigenschaft "Editor Multiline"
307259
308260## TBGRALabelFX
309261
310262**Verwendung als Ersatz für:** TLabel
311263
312-<figure>
313-<img src="bgralabelfx.png" title="bgralabelfx.png" />
314-<figcaption>bgralabelfx.png</figcaption>
315-</figure>
264+![](/wiki-images/4/4a/Bgralabelfx.png)
316265
317266Merkmale:
318267
319268- Outline
320269- Shadow
321270
322271ToDo:
323272
324273- Benutze BGRATextFX multicolor, Texturen.
325274- etc.
326275
327276## TBGRAWin7ToolBar
328277
329-<figure>
330-<img src="bgrawin7toolbar.png" title="bgrawin7toolbar.png" />
331-<figcaption>bgrawin7toolbar.png</figcaption>
332-</figure>
278+![](/wiki-images/0/0b/Bgrawin7toolbar.png)
333279
334280Ist ein Nachfolger von TBGRAVirtualScreen mit default child sizing, und einem netten Win7-ToolBar-Hintergrund.
335281
336282## BGRASamples Unit
337283
338284Diese Unit hat Beispielszeichnungen, Stile für Schaltflächen und Farbenkonstanten für verschiedene Benutzeroberflächen.
339285
340-<figure>
341-<img src="ioselements.png" title="ioselements.png" />
342-<figcaption>ioselements.png</figcaption>
343-</figure>
286+![](/wiki-images/3/33/Ioselements.png)
344287
345288- **Accent Color:** die Farben aus Windows Phone. Die Akzentfarbekann in TBGRAButton und TBGRAImageButton benutzt werden (siehe die unterschiedlichen Prozeduren).
346289- **Facebook button color:** grau, grün und blau, mit einer Prozedur, um ein Bild im Zustand "normal" oder "pressed" zu erzeugen, dieser Stil kann auch in einem TBGRAImageButton verwendet werden.
347290- **TBGRASampleStyle:** Stile für TBGRAButton ('Default', 'Flash Player', 'Windows 7 ToolBar', 'Windows 7 ToolBar Smooth', 'Windows 7', 'Office 2010', 'Mac OSX Lion', 'Windows 7 Cristal').
348291- **iOS Elemente:** Zeichnet einen grauen Balken, die blaue Werkzeugleiste und einen gekachelten Hintergrund, gleiche Elemente wie im iOS-Bildschirm.
349292- **Glass:** in testbgracontrols verwendet, zeigt ein Bild in einem Virtualscreen und wendet Weichzeichner auf den Button-Bereich an.
350293- **Drawings:** Werkzeugleiste und Hintergrund für Flash-Player, Windows 7 Werkzeugleiste.
351294
352295- Einige andere nützliche Prozeduren für die Arbeit mit TBGRAButton und TBGRAImageButton.
353296
354297---
355298*From the Free Pascal wiki, page "BGRAControls/de", as it stood on 2016-10-07 after a change by 007, out of the wiki's dump of 2024-05-26. Copyright stays with the author who wrote it, according to the old wiki's [[Licensing]] page. If you have concerns about this material, [message the admin](/wiki-contact).*
356299Category: Components/de

Back to history