Sign in Join
Wiki copytemporary

BGRAControls/ru: what changed

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

OldNewLine
1-<figure>
2-<img src="bgracontrols.png" title="bgracontrols.png" />
3-<figcaption>bgracontrols.png</figcaption>
4-</figure>
1+![](/wiki-images/7/74/Bgracontrols.png)
52
63# Установка
74
85Используйте [[Online Package Manager]] для получения BGRABitmap и BGRAControls.
96
107Обратите внимание, что вы должны проверять только пакеты "bgrabitmappack.lpk" и "bgracontrols.lpk" в онлайн-менеджере пакетов. Другие пакеты являются необязательными и могут потребоваться сторонние пакеты / библиотеки для работы (OpenGL и PascalScript).
118
129## Дополнительные компоненты
1310
1411Начиная с версии 4.4, компоненты TBCDefaultThemeManager, TBCKeyboard и TBCNumericKeyboard не устанавливаются по умолчанию, чтобы позволяет пользователям Linux получить беспроблемную установку с помощью Online Package Manager без установки сторонних компонентов. Если вы хотите, чтобы эти компоненты \[установлены\], подключите \[их\] в "Register unit" в опциях пакета для каждого файла (bcdefaulthememanager.pas, bckeyboard.pas, bcnumerickeyboard.pas), затем скомпилируйте и пересоберите Lazarus. В Linux вам нужно сначала установить \[пакеты\] libxtst-dev и libgl-dev.
1512
1613## Веб-сайт
1714
1815BGRABitmap Organization on GitHub: <https://github.com/bgrabitmap/>
1916
2017# Элементы управления BGRA
2118
2219Элементы управления BGRA - это набор графических элементов пользовательского интерфейса, которые можно использовать с приложениями Lazarus LCL. Под Linux вам нужно установить \[пакеты\] libxtst-dev и libgl-dev.
2320
2421### TBCButton
2522
26-<figure>
27-<img src="bcbutton.png" title="bcbutton.png" />
28-<figcaption>bcbutton.png</figcaption>
29-</figure>
23+![](/wiki-images/8/8a/Bcbutton.png)
3024
3125Элемент управления - кнопка, который можно стилизовать через свойства для каждого состояния, например StateClicked, StateHover, StateNormal, с такими настройками, как градиенты, границы и текст с тенями. Вы можете назначить уже созданный стиль через свойство AssignStyle.
3226
3327### TBCButtonFocus
3428
35-<figure>
36-<img src="TBCButtonFocus.png" title="TBCButtonFocus.png" />
37-<figcaption>TBCButtonFocus.png</figcaption>
38-</figure>
29+![](/wiki-images/5/5b/TBCButtonFocus.png)
3930
4031Аналогичен TBCButton, но поддерживает фокусировку как обычный TButton.
4132
4233### TBCGameGrid
4334
44-<figure>
45-<img src="bcgamegrid.png" title="bcgamegrid.png" />
46-<figcaption>bcgamegrid.png</figcaption>
47-</figure>
35+![](/wiki-images/6/62/Bcgamegrid.png)
4836
4937Сетка с пользовательской шириной и высотой элементов и любым количеством горизонтальных и вертикальных ячеек, которые можно нарисовать с помощью BGRABitmap непосредственно с событием OnRenderControl.
5038
5139### TBCImageButton
5240
53-- <figure>
54- <img src="samplebgraimagebutton.png" title="samplebgraimagebutton.png" />
55- <figcaption>samplebgraimagebutton.png</figcaption>
56- </figure>
41+- ![](/wiki-images/2/29/Samplebgraimagebutton.png)
5742
58-- <figure>
59- <img src="samplebgraimagebuttonalpha.png" title="samplebgraimagebuttonalpha.png" />
60- <figcaption>samplebgraimagebuttonalpha.png</figcaption>
61- </figure>
43+- ![](/wiki-images/b/b9/Samplebgraimagebuttonalpha.png)
6244
6345Элемент управления - кнопка, который можно стилизовать с помощью одного файла изображения, содержащего рисунок для каждого состояния Normal(«Обычный»), Hovered(«Наведенный»), Active(«Активный») и Disabled(«Отключенный»). Он поддерживает функцию 9-фрагментного масштабирования. Он поддерживает приятную анимацию затухания, которую можно включить.
6446
6547### TBCXButton
6648
67-<figure>
68-<img src="bcxbutton.png" title="bcxbutton.png" />
69-<figcaption>bcxbutton.png</figcaption>
70-</figure>
49+![](/wiki-images/0/02/Bcxbutton.png)
7150
7251Элемент управления - кнопка, который может быть стилизован \[при помощи кода\] в событии OnRenderControl. Или даже лучше создать свой собственный дочерний элемент управления, наследующийся от этого класса.
7352
7453### TBCLabel
7554
76-<figure>
77-<img src="bclabel.png" title="bclabel.png" />
78-<figcaption>bclabel.png</figcaption>
79-</figure>
55+![](/wiki-images/e/e5/Bclabel.png)
8056
8157Элемент управления - label, у который можно \[настраивать\] стиль через свойства, он поддерживает тени, настраиваемые границы и фон.
8258
8359### TBCMaterialDesignButton
8460
8561<img src="TBCMaterialDesignButton_01.png" title="TBCMaterialDesignButton_01.png" width="400" alt="TBCMaterialDesignButton_01.png" /> <img src="TBCMaterialDesignButton_02.png" title="TBCMaterialDesignButton_02.png" width="400" alt="TBCMaterialDesignButton_02.png" /> <img src="TBCMaterialDesignButton_03.gif" title="TBCMaterialDesignButton_03.gif" width="400" alt="TBCMaterialDesignButton_03.gif" />
8662
8763Элемент управления - кнопка - с эффектом анимации в соответствии с рекомендациями Google Material Design. Он поддерживает пользовательский цвет для фона и для зацикленной анимации, также вы можете настраивать тень.
8864
8965### TBCPanel
9066
91-<figure>
92-<img src="bcpanel.png" title="bcpanel.png" />
93-<figcaption>bcpanel.png</figcaption>
94-</figure>
67+![](/wiki-images/2/28/Bcpanel.png)
9568
9669Элемент управления - панель, у который можно \[настраивать\] стиль через свойства. Вы можете назначить уже созданный стиль через свойство AssignStyle.
9770
9871### TBCRadialProgressBar
9972
100-<figure>
10173<img src="TBCRadialProgressBar.png" title="TBCRadialProgressBar.png" width="400" />
102-<figcaption>TBCRadialProgressBar.png</figcaption>
103-</figure>
10474
10575Индикатор выполнения с радиальным стилем. Вы можете установить цвет и свойства текста, как вам нравится.
10676
10777### TBCToolBar
10878
10979TToolBar с событием OnRedraw, чтобы нарисовать его, используя BGRABitmap. Он также поддерживает OnPaintButton по умолчанию для настройки рисования кнопок. По умолчанию это стиль панели инструментов проводника, похожий на Windows 7.
11080
11181### TBCTrackBarUpdown
11282
113-<figure>
114-<img src="TBCTrackBarUpdown.png" title="TBCTrackBarUpdown.png" />
115-<figcaption>TBCTrackBarUpdown.png</figcaption>
116-</figure>
83+![](/wiki-images/8/8f/TBCTrackBarUpdown.png)
11784
11885Элемент управления для ввода числовых значений, работает как трекбар и spinedit в одном элементе управления.
11986
12087### TBGRAFlashProgressBar
12188
122-<figure>
123-<img src="BC-Bgraflashprogressbar.png" title="BC-Bgraflashprogressbar.png" />
124-<figcaption>BC-Bgraflashprogressbar.png</figcaption>
125-</figure>
89+![](/wiki-images/0/0b/BC-Bgraflashprogressbar.png)
12690
12791Индикатор выполнения со стилем по умолчанию в духе старого стиля диалогового окна прогресс-бара Flash Player Setup для Windows. Вы можете изменить свойство color, чтобы оно имело разные стили, а также использовать событие OnRedraw, чтобы рисовать на нем собственные стили, такие как текст, или переопределять весь рисунок по умолчанию.
12892
12993### TBGRAGraphicControl
13094
13195Подобен компоненту paintbox. С помощью этого элемента управления вы можете рисовать с прозрачностью, используя событие OnRedraw.
13296
13397### TBGRAImageList
13498
135-<figure>
136-<img src="after-TBGRAImageList.png" title="after-TBGRAImageList.png" />
137-<figcaption>after-TBGRAImageList.png</figcaption>
138-</figure>
99+![](/wiki-images/1/1f/After-TBGRAImageList.png)
139100
140101Список изображений, который поддерживает альфа\[-канал\] на всех поддерживаемых платформах.
141102
142103### TBGRAImageManipulation
143104
144-<figure>
145105<img src="bgraimagemanipulation.jpg" title="bgraimagemanipulation.jpg" width="400" />
146-<figcaption>bgraimagemanipulation.jpg</figcaption>
147-</figure>
148106
149107Инструмент для манипуляциями с изображениями, посмотрите демонстрацию, которая показывает все возможности, которые идут с ним.
150108
151109### TBGRAKnob
152110
153-<figure>
154-<img src="BC-Bgraknob.png" title="BC-Bgraknob.png" />
155-<figcaption>BC-Bgraknob.png</figcaption>
156-</figure>
111+![](/wiki-images/3/39/BC-Bgraknob.png)
157112
158113Рукоятка настройки, которая может быть стилизована через свойства.
159114
160115### TBGRAResizeSpeedButton
161116
162-<figure>
163117<img src="TBGRAResizeSpeedButton.png" title="TBGRAResizeSpeedButton.png" width="400" />
164-<figcaption>TBGRAResizeSpeedButton.png</figcaption>
165-</figure>
166118
167119Speed button, которая может изменить размер глифа, чтобы он вписался \[полностью\] в элемент управления.
168120
169121### TBGRAShape
170122
171-<figure>
172-<img src="samplebgrashape.png" title="samplebgrashape.png" />
173-<figcaption>samplebgrashape.png</figcaption>
174-</figure>
123+![](/wiki-images/6/61/Samplebgrashape.png)
175124
176125Элемент управления с настраиваемыми формами, такими как многоугольник и эллипс, которые могут быть заполнены градиентами и могут иметь пользовательские границы и многие другие визуальные параметры.
177126
178127### TBGRASpeedButton
179128
180-<figure>
181-<img src="BGRASpeedButton.png" title="BGRASpeedButton.png" />
182-<figcaption>BGRASpeedButton.png</figcaption>
183-</figure>
129+![](/wiki-images/e/e9/BGRASpeedButton.png)
184130
185131Speed button, которая в GTK и GTK2 обеспечивает прозрачность на основе BGRABitmap для глифа.
186132
187133### TBGRASpriteAnimation
188134
189-<figure>
190-<img src="bgraspriteanimation.png" title="bgraspriteanimation.png" />
191-<figcaption>bgraspriteanimation.png</figcaption>
192-</figure>
135+![](/wiki-images/8/88/Bgraspriteanimation.png)
193136
194137Компонент, который можно использовать как средство просмотра изображений или средство просмотра анимации, поддерживает загрузку файлов GIF.
195138
196139### TBGRAVirtualScreen
197140
198-<figure>
199-<img src="TBGRAVirtualScreen.gif" title="TBGRAVirtualScreen.gif" />
200-<figcaption>TBGRAVirtualScreen.gif</figcaption>
201-</figure>
141+![](/wiki-images/e/e3/TBGRAVirtualScreen.gif)
202142
203143Это как панель. Вы можете нарисовать этот элемент управления, используя событие OnRedraw.
204144
205145### TDTAnalogClock
206146
207-<figure>
208-<img src="TDTThemedClock.gif" title="TDTThemedClock.gif" />
209-<figcaption>TDTThemedClock.gif</figcaption>
210-</figure>
147+![](/wiki-images/5/59/TDTThemedClock.gif)
211148
212149Часы.
213150
214151### TDTAnalogGaugue
215152
216-<figure>
217-<img src="TDTAnalogGaugue.gif" title="TDTAnalogGaugue.gif" />
218-<figcaption>TDTAnalogGaugue.gif</figcaption>
219-</figure>
153+![](/wiki-images/3/33/TDTAnalogGaugue.gif)
220154
221155Датчик.
222156
223157### TDTThemedClock
224158
225-<figure>
226-<img src="TDTAnalogClock.gif" title="TDTAnalogClock.gif" />
227-<figcaption>TDTAnalogClock.gif</figcaption>
228-</figure>
159+![](/wiki-images/3/3d/TDTAnalogClock.gif)
229160
230161Еще одни часы.
231162
232163### TDTThemedGauge
233164
234165Еще один датчик.
235166
236167### TPSImport_BGRAPascalScript
237168
238169Компонент для загрузки утилит паскалевского скрипта BGRABitmap.
239170
240171# BGRA Custom Drawn
241172
242-<figure>
243-<img src="TBCDButton.png" title="TBCDButton.png" />
244-<figcaption>TBCDButton.png</figcaption>
245-</figure>
173+![](/wiki-images/c/c7/TBCDButton.png)
246174
247175BGRA Custom Drawn - это набор элементов управления, унаследованных от Custom Drawn. Они идут с темным стилем по умолчанию, который похож на Photoshop.
248176
249177### TBCDButton
250178
251179Элемент управления - кнопка, стилизованный под TBGRADrawer.
252180
253181### TBCDEdit
254182
255183Элемент редактирования, стилизованный с помощью TBGRADrawer.
256184
257185### TBCDStaticText
258186
259187Элемент управления - label, стилизованный с помощью TBGRADrawer.
260188
261189### TBCDProgressBar
262190
263191Элемент управления - индикатора выполнения, стилизованный с помощью TBGRADrawer.
264192
265193### TBCDSpinEdit
266194
267195Элемент управления - spin edit, стилизованный с помощью TBGRADrawer.
268196
269197### TBCDCheckBox
270198
271199Элемент управления - checkbox, стилизованный с помощью TBGRADrawer.
272200
273201### TBCRadioButton
274202
275203Элемент управления - radiobutton, стилизованный с помощью TBGRADrawer.
276204
277205# Образцы кода
278206
279207BGRA Controls поставляется с хорошими демками, показывающими, как использовать материал и дополнительные вещи, которые вы можете использовать в своих собственных проектах.
280208
281209### Библиотека паскалевского скрипта
282210
283211Помещение методов BGRABitmap внутрь .dll с заголовками c \#, java и pascal.
284212
285213### Пользовательские BGRA Ribbon компоненты
286214
287215Как создать полностью тематическое окно, используя элементы управления для создания Ribbon-подобного приложения.
288216
289217### \[Каталог\] Tests
290218
291219\[В поставке с демками\] есть тестовые \[проекты\] для аналоговых элементов управления (часы и датчик), элементы управления с префиксом BC, элементы управления с префиксом BGRA, элементы управления BGRA Custom Drawn, как использовать Pascal Script и BGRABitmap, bgrascript или как создать собственное решение для сценариев с BGRABitmap.
292220
293221### \[Каталог\] Tests Extra
294222
295223<img src="game_maze.png" title="game_maze.png" width="400" alt="game_maze.png" /> <img src="game_puzzle.png" title="game_puzzle.png" width="400" alt="game_puzzle.png" /> <img src="customdrawnwindows7.png" title="customdrawnwindows7.png" width="400" alt="customdrawnwindows7.png" /> <img src="slicescaledtachart.png" title="slicescaledtachart.png" width="400" alt="slicescaledtachart.png" />
296224
297225Это дополнительные тесты, например, как использовать эффект затухания, тему fpGUI, игры, такие как лабиринт и головоломки, как мы создали material design animation, pix2svg или как преобразовать маленькое изображение в SVG с использованием шестиугольников, прямоугольников и эллипсов, плагинов или как загрузить .dll и использовать в TBGRAVirtualScreen, эффект дождя, эффект тени, 9-фрагментное масштабирование с помощью Custom Drawn или как создавать темы с растровыми изображениями приложения, чтобы они выглядели как темы Windows, и 9-фрагментное масштабирование с помощью диаграмм.
298226
299227# Другие модули
300228
301229Эти модули поставляются с элементами управления BGRA и содержат еще больше функций, которые иногда используются с элементами управления, иногда нет, но в некотором роде полезны. Некоторые из них перечислены здесь, другие, которые вы можете видеть, связаны напрямую с любым элементом управления, таким как bcrtti, bcstylesform, bctools и bctypes.
302230
303231### BCEffect
304232
305233Эффект затухания \[для использования\] с BGRABitmap.
306234
307235### BCFilters
308236
309237Набор пиксельных фильтров для использования с BGRABitmap.
310238
311239### BGRAScript
312240
313241Создание сценариев с помощью BGRABitmap, см. тестовый проект.
314242
315243# Статьи по теме
316244
317245[[BGRASpriteAnimation]] - Использование компонента анимации спрайтов.
318246
319247[[uE Controls]] - Другие элементы управления, разработанные с помощью BGRABitmap.
320248
321249[[BGRABitmap]] - Библиотека, используемая для создания этих элементов управления.
322250
323251[[LazPaint]] - Программа рисования, разработанная с помощью Lazarus и BGRABitmap.
324252
325253---
326254*From the Free Pascal wiki, page "BGRAControls/ru", as it stood on 2020-02-22 after a change by Zoltanleo, 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).*
327255Category: BGRAControls
328256Category: Components
329257Category: Graphics

Back to history