BGRAControls/de: what changed
Revision 0 to 1. Removed lines have a minus sign; added lines have a plus sign.
Title: BGRAControls/de
| Old | New | Line | |
|---|---|---|---|
| 1 | + | # Install | |
| 2 | + | ||
| 3 | + | ### Download BGRABitmap | |
| 4 | + | ||
| 5 | + | Install BGRABitmap with the file bgrabitmappack.lpk. | |
| 6 | + | ||
| 7 | + | GitHub: <https://github.com/bgrabitmap/lazpaint/> | |
| 8 | + | ||
| 9 | + | ### Download BGRAControls | |
| 10 | + | ||
| 11 | + | Install BGRAControls with the file bgracontrols.lpk. | |
| 12 | + | ||
| 13 | + | GitHub: <https://github.com/bgrabitmap/bgracontrols/> | |
| 14 | + | ||
| 15 | + | ## Überblick | |
| 16 | + | ||
| 17 | + | **Autoren:** | |
| 18 | + | ||
| 19 | + | Dibo (Ersteller und Verwalter des Packages, Autor von: *TBGRAImageList*, *TBGRASpeedButton*, *TBGRAButton*, *TBGRAPanel*) | |
| 20 | + | ||
| 21 | + | Lainz (Verwalter des Packages, Autor von: *TBGRAImageButton*, *TBGRAImageToggleBox*, *TBGRASpriteAnimation*, *TBGRALabelFX*, *TBGRAWin7ToolBar*) | |
| 22 | + | ||
| 23 | + | Circular (Verwalter des Packages, Autor von: *TBGRAKnob*, *TBGRAFlashProgressBar*, *TBGRAVirtualScreen*, *TBGRAShape*, *TBGRAGraphicControl*) | |
| 24 | + | ||
| 25 | + | Emerson Cavalcanti (Autor von: *TBGRAImageManipulation*) | |
| 26 | + | ||
| 27 | + | codedeep (Autor von: *TBGRALabel*) | |
| 28 | + | ||
| 29 | + | **Lizenz:** Modified LGPL. | |
| 30 | + | ||
| 31 | + | Wie 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. | |
| 32 | + | ||
| 33 | + | **Screenshots:** Einige Bilder aus dem Projekt 'testbgracontrols'. | |
| 34 | + | ||
| 35 | + | <figure> | |
| 36 | + | <img src="testbgrac1.png" title="testbgrac1.png" /> | |
| 37 | + | <figcaption>testbgrac1.png</figcaption> | |
| 38 | + | </figure> | |
| 39 | + | ||
| 40 | + | *testbgracontrols \> Main.* | |
| 41 | + | ||
| 42 | + | <figure> | |
| 43 | + | <img src="testbgrac2.png" title="testbgrac2.png" /> | |
| 44 | + | <figcaption>testbgrac2.png</figcaption> | |
| 45 | + | </figure> | |
| 46 | + | ||
| 47 | + | *testbgracontrols \> Windows 7 ToolBar.* | |
| 48 | + | ||
| 49 | + | <figure> | |
| 50 | + | <img src="testbgrac4.png" title="testbgrac4.png" /> | |
| 51 | + | <figcaption>testbgrac4.png</figcaption> | |
| 52 | + | </figure> | |
| 53 | + | ||
| 54 | + | *testbgracontrols \> Ribbon.* | |
| 55 | + | ||
| 56 | + | ## Verwandte Artikel | |
| 57 | + | ||
| 58 | + | [[BGRAButton Gallery]] - Gallery of buttons with source code to use in your projects with BGRAButton. | |
| 59 | + | ||
| 60 | + | [[BGRASpriteAnimation]] - Usage of the sprite animation component. | |
| 61 | + | ||
| 62 | + | [[uE Controls]] - Other controls developed with BGRABitmap. | |
| 63 | + | ||
| 64 | + | [[BGRABitmap]] - The library used to create this controls. | |
| 65 | + | ||
| 66 | + | [[LazPaint]] - A paint program developed with Lazarus and BGRABitmap. | |
| 67 | + | ||
| 68 | + | ## Verwendung | |
| 69 | + | ||
| 70 | + | Einfach auf ein Form fallen lassen und wie andere normale Komponenten verwenden. | |
| 71 | + | ||
| 72 | + | **Schaltflächen**: | |
| 73 | + | ||
| 74 | + | - TBGRAButton | |
| 75 | + | - TBGRAImageButton | |
| 76 | + | - TBGRAImageToggleBox | |
| 77 | + | - TBGRASpeedButton | |
| 78 | + | ||
| 79 | + | **Labels** | |
| 80 | + | ||
| 81 | + | - TBGRALabel | |
| 82 | + | - TBGRALabelFX | |
| 83 | + | ||
| 84 | + | **Tafeln** | |
| 85 | + | ||
| 86 | + | - TBGRAPanel | |
| 87 | + | - TBGRAVirtualScreen | |
| 88 | + | ||
| 89 | + | **Image** | |
| 90 | + | ||
| 91 | + | - TBGRAGraphicControl | |
| 92 | + | - TBGRAImageList | |
| 93 | + | - TBGRAImageManipulation | |
| 94 | + | - TBGRASpriteAnimation | |
| 95 | + | ||
| 96 | + | **Andere** | |
| 97 | + | ||
| 98 | + | - TBGRAFlashProgressBar | |
| 99 | + | - TBGRAKnob | |
| 100 | + | - TBGRAShape | |
| 101 | + | - TBGRAWin7ToolBar | |
| 102 | + | ||
| 103 | + | ## TBGRAImageList | |
| 104 | + | ||
| 105 | + | **Verwendung als Ersatz für:** TImageList | |
| 106 | + | ||
| 107 | + | **Vorher:** | |
| 108 | + | ||
| 109 | + | <figure> | |
| 110 | + | <img src="before-TImageList.png" title="before-TImageList.png" /> | |
| 111 | + | <figcaption>before-TImageList.png</figcaption> | |
| 112 | + | </figure> | |
| 113 | + | ||
| 114 | + | **Nachher:** | |
| 115 | + | ||
| 116 | + | <figure> | |
| 117 | + | <img src="after-TBGRAImageList.png" title="after-TBGRAImageList.png" /> | |
| 118 | + | <figcaption>after-TBGRAImageList.png</figcaption> | |
| 119 | + | </figure> | |
| 120 | + | ||
| 121 | + | Eine 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). | |
| 122 | + | ||
| 123 | + | ## TBGRASpeedButton | |
| 124 | + | ||
| 125 | + | **Verwendung als Ersatz für:** TSpeedButton | |
| 126 | + | ||
| 127 | + | <figure> | |
| 128 | + | <img src="BGRASpeedButton.png" title="BGRASpeedButton.png" /> | |
| 129 | + | <figcaption>BGRASpeedButton.png</figcaption> | |
| 130 | + | </figure> | |
| 131 | + | ||
| 132 | + | Eine 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). | |
| 133 | + | ||
| 134 | + | ## TBGRAButton | |
| 135 | + | ||
| 136 | + | **Verwendung als Ersatz für:** TButton | |
| 137 | + | ||
| 138 | + | <figure> | |
| 139 | + | <img src="bgrabutton.png" title="bgrabutton.png" /> | |
| 140 | + | <figcaption>bgrabutton.png</figcaption> | |
| 141 | + | </figure> | |
| 142 | + | ||
| 143 | + | Eine anpassbare graphische Komponente, die nur BGRABitmap-Funktionen zum Zeichnen benutzt. Diese Komponente ignoriert den Schalter -dGTK_ONLY. Ein Demoprojekt ist im Package enthalten. | |
| 144 | + | ||
| 145 | + | **Funktionalität:** | |
| 146 | + | ||
| 147 | + | - Gradienten, durchsichtiger oder farbiger Hintergrund. [[Double Gradient/de]]. | |
| 148 | + | - Text mit Schatten: BGRA-Antialiasing oder ähnliche Standarddarstellung wie mit ClearType. | |
| 149 | + | - Abgerundete Kanten, innere Beleuchtung. | |
| 150 | + | - Zustände: normal, schwebend & angeklickt voll ampassbar und deaktiviert mit Graustufen. | |
| 151 | + | - Spezial: Down, DropDown, Static. | |
| 152 | + | - Vollständiges AutoSize mit Glyphen. | |
| 153 | + | ||
| 154 | + | ## TBGRAPanel | |
| 155 | + | ||
| 156 | + | **Verwendung als Ersatz für:** TPanel | |
| 157 | + | ||
| 158 | + | Ein 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. | |
| 159 | + | ||
| 160 | + | ## TBGRAKnob | |
| 161 | + | ||
| 162 | + | <figure> | |
| 163 | + | <img src="BC-Bgraknob.png" title="BC-Bgraknob.png" /> | |
| 164 | + | <figcaption>BC-Bgraknob.png</figcaption> | |
| 165 | + | </figure> | |
| 166 | + | ||
| 167 | + | Ein graphischer Drehknopf, entworfen von Circular. | |
| 168 | + | ||
| 169 | + | ## TBGRAFlashProgressBar | |
| 170 | + | ||
| 171 | + | **Verwendung als Ersatz für:** TProgressBar | |
| 172 | + | ||
| 173 | + | <figure> | |
| 174 | + | <img src="BC-Bgraflashprogressbar.png" title="BC-Bgraflashprogressbar.png" /> | |
| 175 | + | <figcaption>BC-Bgraflashprogressbar.png</figcaption> | |
| 176 | + | </figure> | |
| 177 | + | ||
| 178 | + | Ein Flash-Fortschrittsbalken, entworfen von Circular. | |
| 179 | + | ||
| 180 | + | ## TBGRAImageManipulation | |
| 181 | + | ||
| 182 | + | **Verwendung als Ersatz für:** TImage | |
| 183 | + | ||
| 184 | + | Eine Komponente, um in einer Anwendung den Import von Bildern zu ermöglichen. | |
| 185 | + | ||
| 186 | + | In 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. | |
| 187 | + | ||
| 188 | + | Sie können die Minimalgröße des Bildes mit den Eigenschaften 'MinWidth' und 'MinHeight' festlegen. | |
| 189 | + | ||
| 190 | + | Sie können auch das Bild mittel der eingebauten Funktionen drehen. | |
| 191 | + | ||
| 192 | + | Siehe auch die Demo der Komponente: | |
| 193 | + | ||
| 194 | + | <figure> | |
| 195 | + | <img src="bgraimagemanipulation.jpg" title="bgraimagemanipulation.jpg" /> | |
| 196 | + | <figcaption>bgraimagemanipulation.jpg</figcaption> | |
| 197 | + | </figure> | |
| 198 | + | ||
| 199 | + | Nachdem 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. | |
| 200 | + | ||
| 201 | + | ## TBGRAImageButton | |
| 202 | + | ||
| 203 | + | **Verwendung als Ersatz für:** TButton | |
| 204 | + | ||
| 205 | + | <figure> | |
| 206 | + | <img src="bgraimagebutton.png" title="bgraimagebutton.png" /> | |
| 207 | + | <figcaption>bgraimagebutton.png</figcaption> | |
| 208 | + | </figure> | |
| 209 | + | ||
| 210 | + | Diese Komponente erzeugt eine Schaltfläche mit 4 möglichen Zuständen (aus Bitmaps). Unterstützt werden Beschriftungen mit Schatten. | |
| 211 | + | ||
| 212 | + | Die Bitmap muss die 4 Zustände enthalten (von oben nach unten, mit derselben Höhe) in folgender Reihenfolge: normal, enter, pressed, disabled. | |
| 213 | + | ||
| 214 | + | Falls 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. | |
| 215 | + | ||
| 216 | + | *Beispielsbutton:* | |
| 217 | + | ||
| 218 | + | <figure> | |
| 219 | + | <img src="samplebgraimagebutton.png" title="samplebgraimagebutton.png" /> | |
| 220 | + | <figcaption>samplebgraimagebutton.png</figcaption> | |
| 221 | + | </figure> | |
| 222 | + | ||
| 223 | + | *Beispielsbutton (mit Alpha):* | |
| 224 | + | ||
| 225 | + | <figure> | |
| 226 | + | <img src="samplebgraimagebuttonalpha.png" title="samplebgraimagebuttonalpha.png" /> | |
| 227 | + | <figcaption>samplebgraimagebuttonalpha.png</figcaption> | |
| 228 | + | </figure> | |
| 229 | + | ||
| 230 | + | ## TBGRAVirtualScreen | |
| 231 | + | ||
| 232 | + | **Verwendung als Ersatz für:** TPanel | |
| 233 | + | ||
| 234 | + | Der Grundsatz lautet: Hier wird auf einer Speicher-Bitmap gezeichnet. | |
| 235 | + | ||
| 236 | + | Die 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. | |
| 237 | + | ||
| 238 | + | Andererseits ist es möglich, die Eigenschaft "Bitmap" zu ändern und "Invalidate" oder "Repaint" aufzurufen. Das vermeidet das Löschen des gesamten Inhalts der Bitmap. | |
| 239 | + | ||
| 240 | + | ## TBGRAShape | |
| 241 | + | ||
| 242 | + | **Verwendung als Ersatz für:** TShape | |
| 243 | + | ||
| 244 | + | <figure> | |
| 245 | + | <img src="samplebgrashape.png" title="samplebgrashape.png" /> | |
| 246 | + | <figcaption>samplebgrashape.png</figcaption> | |
| 247 | + | </figure> | |
| 248 | + | ||
| 249 | + | Die Komponente hat volle Alpha-Unterstützung. Sie können die Anzahl der polygone wählen mit abgerundeten Kanten & Gradienten (linear, radial, rautenförmig, gespiegelt). | |
| 250 | + | ||
| 251 | + | ## TBGRAImageToggleBox | |
| 252 | + | ||
| 253 | + | ENTFERNT IN VER 1.1.0.7. | |
| 254 | + | ||
| 255 | + | **Verwendung als Ersatz für:** TToggleBox | |
| 256 | + | ||
| 257 | + | Die Komponente erzeugt einen Umschaltknopf aus einer Bitmap. | |
| 258 | + | ||
| 259 | + | Die 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". | |
| 260 | + | ||
| 261 | + | *Beispiel für Umschaltknopf:* | |
| 262 | + | ||
| 263 | + | <figure> | |
| 264 | + | <img src="sampletogglebox.png" title="sampletogglebox.png" /> | |
| 265 | + | <figcaption>sampletogglebox.png</figcaption> | |
| 266 | + | </figure> | |
| 267 | + | ||
| 268 | + | ## TBGRAGraphicControl | |
| 269 | + | ||
| 270 | + | **Verwendung als Ersatz für:** TPaintBox | |
| 271 | + | ||
| 272 | + | Ein TBGRAGraphicControl-Element, das es Ihnen erlaubt, Ihre Komponente selbst mit Alphablending zu zeichnen. | |
| 273 | + | ||
| 274 | + | ## TBGRASpriteAnimation | |
| 275 | + | ||
| 276 | + | **Verwendung als Ersatz für:** TImage | |
| 277 | + | ||
| 278 | + | Lesen Sie dazu mehr im Artikel [[BGRASpriteAnimation]]. | |
| 279 | + | ||
| 280 | + | <figure> | |
| 281 | + | <img src="bgraspriteanimation.png" title="bgraspriteanimation.png" /> | |
| 282 | + | <figcaption>bgraspriteanimation.png</figcaption> | |
| 283 | + | </figure> | |
| 284 | + | ||
| 285 | + | Damit stellen Sie Animationen aus einer Bitmap dar. Sie benötigen ein Bild, das alle Animationsschritte in horizontaler Anordnung enthält. | |
| 286 | + | ||
| 287 | + | Es 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. | |
| 288 | + | ||
| 289 | + | Merkmale: | |
| 290 | + | ||
| 291 | + | - Animation: invert, position, lap, speed, static, repeat. | |
| 292 | + | - Sprite: fill opacity (global transparency), flip mode (horizontal, vertical, both), key color (transparent color), resample (normal or fine resample modes). AutoSize. | |
| 293 | + | - AnimatedGifToSprite: konvertiert ein animiertes GIF in ein BGRABitmap-Sprite. | |
| 294 | + | ||
| 295 | + | ## TBGRALabel | |
| 296 | + | ||
| 297 | + | **Verwendung als Ersatz für:** TLabel | |
| 298 | + | ||
| 299 | + | Eine Labelkomponente, die auf TBGRAButton basiert. | |
| 300 | + | ||
| 301 | + | Merkmale: | |
| 302 | + | ||
| 303 | + | - Beschriftung mit oder ohne Schatten | |
| 304 | + | - Volle Unterstützung von Alpha und Antialiasing | |
| 305 | + | - Wortumbruch | |
| 306 | + | - Beschriftung mit der Eigenschaft "Editor Multiline" | |
| 307 | + | ||
| 308 | + | ## TBGRALabelFX | |
| 309 | + | ||
| 310 | + | **Verwendung als Ersatz für:** TLabel | |
| 311 | + | ||
| 312 | + | <figure> | |
| 313 | + | <img src="bgralabelfx.png" title="bgralabelfx.png" /> | |
| 314 | + | <figcaption>bgralabelfx.png</figcaption> | |
| 315 | + | </figure> | |
| 316 | + | ||
| 317 | + | Merkmale: | |
| 318 | + | ||
| 319 | + | - Outline | |
| 320 | + | - Shadow | |
| 321 | + | ||
| 322 | + | ToDo: | |
| 323 | + | ||
| 324 | + | - Benutze BGRATextFX multicolor, Texturen. | |
| 325 | + | - etc. | |
| 326 | + | ||
| 327 | + | ## TBGRAWin7ToolBar | |
| 328 | + | ||
| 329 | + | <figure> | |
| 330 | + | <img src="bgrawin7toolbar.png" title="bgrawin7toolbar.png" /> | |
| 331 | + | <figcaption>bgrawin7toolbar.png</figcaption> | |
| 332 | + | </figure> | |
| 333 | + | ||
| 334 | + | Ist ein Nachfolger von TBGRAVirtualScreen mit default child sizing, und einem netten Win7-ToolBar-Hintergrund. | |
| 335 | + | ||
| 336 | + | ## BGRASamples Unit | |
| 337 | + | ||
| 338 | + | Diese Unit hat Beispielszeichnungen, Stile für Schaltflächen und Farbenkonstanten für verschiedene Benutzeroberflächen. | |
| 339 | + | ||
| 340 | + | <figure> | |
| 341 | + | <img src="ioselements.png" title="ioselements.png" /> | |
| 342 | + | <figcaption>ioselements.png</figcaption> | |
| 343 | + | </figure> | |
| 344 | + | ||
| 345 | + | - **Accent Color:** die Farben aus Windows Phone. Die Akzentfarbekann in TBGRAButton und TBGRAImageButton benutzt werden (siehe die unterschiedlichen Prozeduren). | |
| 346 | + | - **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. | |
| 347 | + | - **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'). | |
| 348 | + | - **iOS Elemente:** Zeichnet einen grauen Balken, die blaue Werkzeugleiste und einen gekachelten Hintergrund, gleiche Elemente wie im iOS-Bildschirm. | |
| 349 | + | - **Glass:** in testbgracontrols verwendet, zeigt ein Bild in einem Virtualscreen und wendet Weichzeichner auf den Button-Bereich an. | |
| 350 | + | - **Drawings:** Werkzeugleiste und Hintergrund für Flash-Player, Windows 7 Werkzeugleiste. | |
| 351 | + | ||
| 352 | + | - Einige andere nützliche Prozeduren für die Arbeit mit TBGRAButton und TBGRAImageButton. | |
| 353 | + | ||
| 354 | + | --- | |
| 355 | + | *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).* | |
| 356 | + | Category: Components/de |