Sign in Join
Wiki copytemporary

BGRAControls/ru: what changed

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

OldNewLine
11![](/wiki-images/7/74/Bgracontrols.png)
22
33# Установка
44
55Используйте [[Online Package Manager]] для получения BGRABitmap и BGRAControls.
66
77Обратите внимание, что вы должны проверять только пакеты "bgrabitmappack.lpk" и "bgracontrols.lpk" в онлайн-менеджере пакетов. Другие пакеты являются необязательными и могут потребоваться сторонние пакеты / библиотеки для работы (OpenGL и PascalScript).
88
99## Дополнительные компоненты
1010
1111Начиная с версии 4.4, компоненты TBCDefaultThemeManager, TBCKeyboard и TBCNumericKeyboard не устанавливаются по умолчанию, чтобы позволяет пользователям Linux получить беспроблемную установку с помощью Online Package Manager без установки сторонних компонентов. Если вы хотите, чтобы эти компоненты \[установлены\], подключите \[их\] в "Register unit" в опциях пакета для каждого файла (bcdefaulthememanager.pas, bckeyboard.pas, bcnumerickeyboard.pas), затем скомпилируйте и пересоберите Lazarus. В Linux вам нужно сначала установить \[пакеты\] libxtst-dev и libgl-dev.
1212
1313## Веб-сайт
1414
1515BGRABitmap Organization on GitHub: <https://github.com/bgrabitmap/>
1616
1717# Элементы управления BGRA
1818
1919Элементы управления BGRA - это набор графических элементов пользовательского интерфейса, которые можно использовать с приложениями Lazarus LCL. Под Linux вам нужно установить \[пакеты\] libxtst-dev и libgl-dev.
2020
2121### TBCButton
2222
2323![](/wiki-images/8/8a/Bcbutton.png)
2424
2525Элемент управления - кнопка, который можно стилизовать через свойства для каждого состояния, например StateClicked, StateHover, StateNormal, с такими настройками, как градиенты, границы и текст с тенями. Вы можете назначить уже созданный стиль через свойство AssignStyle.
2626
2727### TBCButtonFocus
2828
2929![](/wiki-images/5/5b/TBCButtonFocus.png)
3030
3131Аналогичен TBCButton, но поддерживает фокусировку как обычный TButton.
3232
3333### TBCGameGrid
3434
3535![](/wiki-images/6/62/Bcgamegrid.png)
3636
3737Сетка с пользовательской шириной и высотой элементов и любым количеством горизонтальных и вертикальных ячеек, которые можно нарисовать с помощью BGRABitmap непосредственно с событием OnRenderControl.
3838
3939### TBCImageButton
4040
4141- ![](/wiki-images/2/29/Samplebgraimagebutton.png)
4242
4343- ![](/wiki-images/b/b9/Samplebgraimagebuttonalpha.png)
4444
4545Элемент управления - кнопка, который можно стилизовать с помощью одного файла изображения, содержащего рисунок для каждого состояния Normal(«Обычный»), Hovered(«Наведенный»), Active(«Активный») и Disabled(«Отключенный»). Он поддерживает функцию 9-фрагментного масштабирования. Он поддерживает приятную анимацию затухания, которую можно включить.
4646
4747### TBCXButton
4848
4949![](/wiki-images/0/02/Bcxbutton.png)
5050
5151Элемент управления - кнопка, который может быть стилизован \[при помощи кода\] в событии OnRenderControl. Или даже лучше создать свой собственный дочерний элемент управления, наследующийся от этого класса.
5252
5353### TBCLabel
5454
5555![](/wiki-images/e/e5/Bclabel.png)
5656
5757Элемент управления - label, у который можно \[настраивать\] стиль через свойства, он поддерживает тени, настраиваемые границы и фон.
5858
5959### TBCMaterialDesignButton
6060
61-<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" />
61+![](/wiki-images/0/0b/TBCMaterialDesignButton_01.png) ![](/wiki-images/2/2a/TBCMaterialDesignButton_02.png) ![](/wiki-images/9/9e/TBCMaterialDesignButton_03.gif)
6262
6363Элемент управления - кнопка - с эффектом анимации в соответствии с рекомендациями Google Material Design. Он поддерживает пользовательский цвет для фона и для зацикленной анимации, также вы можете настраивать тень.
6464
6565### TBCPanel
6666
6767![](/wiki-images/2/28/Bcpanel.png)
6868
6969Элемент управления - панель, у который можно \[настраивать\] стиль через свойства. Вы можете назначить уже созданный стиль через свойство AssignStyle.
7070
7171### TBCRadialProgressBar
7272
73-<img src="TBCRadialProgressBar.png" title="TBCRadialProgressBar.png" width="400" />
73+![](/wiki-images/5/57/TBCRadialProgressBar.png)
7474
7575Индикатор выполнения с радиальным стилем. Вы можете установить цвет и свойства текста, как вам нравится.
7676
7777### TBCToolBar
7878
7979TToolBar с событием OnRedraw, чтобы нарисовать его, используя BGRABitmap. Он также поддерживает OnPaintButton по умолчанию для настройки рисования кнопок. По умолчанию это стиль панели инструментов проводника, похожий на Windows 7.
8080
8181### TBCTrackBarUpdown
8282
8383![](/wiki-images/8/8f/TBCTrackBarUpdown.png)
8484
8585Элемент управления для ввода числовых значений, работает как трекбар и spinedit в одном элементе управления.
8686
8787### TBGRAFlashProgressBar
8888
8989![](/wiki-images/0/0b/BC-Bgraflashprogressbar.png)
9090
9191Индикатор выполнения со стилем по умолчанию в духе старого стиля диалогового окна прогресс-бара Flash Player Setup для Windows. Вы можете изменить свойство color, чтобы оно имело разные стили, а также использовать событие OnRedraw, чтобы рисовать на нем собственные стили, такие как текст, или переопределять весь рисунок по умолчанию.
9292
9393### TBGRAGraphicControl
9494
9595Подобен компоненту paintbox. С помощью этого элемента управления вы можете рисовать с прозрачностью, используя событие OnRedraw.
9696
9797### TBGRAImageList
9898
9999![](/wiki-images/1/1f/After-TBGRAImageList.png)
100100
101101Список изображений, который поддерживает альфа\[-канал\] на всех поддерживаемых платформах.
102102
103103### TBGRAImageManipulation
104104
105-<img src="bgraimagemanipulation.jpg" title="bgraimagemanipulation.jpg" width="400" />
105+![](/wiki-images/6/60/Bgraimagemanipulation.jpg)
106106
107107Инструмент для манипуляциями с изображениями, посмотрите демонстрацию, которая показывает все возможности, которые идут с ним.
108108
109109### TBGRAKnob
110110
111111![](/wiki-images/3/39/BC-Bgraknob.png)
112112
113113Рукоятка настройки, которая может быть стилизована через свойства.
114114
115115### TBGRAResizeSpeedButton
116116
117-<img src="TBGRAResizeSpeedButton.png" title="TBGRAResizeSpeedButton.png" width="400" />
117+![](/wiki-images/2/29/TBGRAResizeSpeedButton.png)
118118
119119Speed button, которая может изменить размер глифа, чтобы он вписался \[полностью\] в элемент управления.
120120
121121### TBGRAShape
122122
123123![](/wiki-images/6/61/Samplebgrashape.png)
124124
125125Элемент управления с настраиваемыми формами, такими как многоугольник и эллипс, которые могут быть заполнены градиентами и могут иметь пользовательские границы и многие другие визуальные параметры.
126126
127127### TBGRASpeedButton
128128
129129![](/wiki-images/e/e9/BGRASpeedButton.png)
130130
131131Speed button, которая в GTK и GTK2 обеспечивает прозрачность на основе BGRABitmap для глифа.
132132
133133### TBGRASpriteAnimation
134134
135135![](/wiki-images/8/88/Bgraspriteanimation.png)
136136
137137Компонент, который можно использовать как средство просмотра изображений или средство просмотра анимации, поддерживает загрузку файлов GIF.
138138
139139### TBGRAVirtualScreen
140140
141141![](/wiki-images/e/e3/TBGRAVirtualScreen.gif)
142142
143143Это как панель. Вы можете нарисовать этот элемент управления, используя событие OnRedraw.
144144
145145### TDTAnalogClock
146146
147147![](/wiki-images/5/59/TDTThemedClock.gif)
148148
149149Часы.
150150
151151### TDTAnalogGaugue
152152
153153![](/wiki-images/3/33/TDTAnalogGaugue.gif)
154154
155155Датчик.
156156
157157### TDTThemedClock
158158
159159![](/wiki-images/3/3d/TDTAnalogClock.gif)
160160
161161Еще одни часы.
162162
163163### TDTThemedGauge
164164
165165Еще один датчик.
166166
167167### TPSImport_BGRAPascalScript
168168
169169Компонент для загрузки утилит паскалевского скрипта BGRABitmap.
170170
171171# BGRA Custom Drawn
172172
173173![](/wiki-images/c/c7/TBCDButton.png)
174174
175175BGRA Custom Drawn - это набор элементов управления, унаследованных от Custom Drawn. Они идут с темным стилем по умолчанию, который похож на Photoshop.
176176
177177### TBCDButton
178178
179179Элемент управления - кнопка, стилизованный под TBGRADrawer.
180180
181181### TBCDEdit
182182
183183Элемент редактирования, стилизованный с помощью TBGRADrawer.
184184
185185### TBCDStaticText
186186
187187Элемент управления - label, стилизованный с помощью TBGRADrawer.
188188
189189### TBCDProgressBar
190190
191191Элемент управления - индикатора выполнения, стилизованный с помощью TBGRADrawer.
192192
193193### TBCDSpinEdit
194194
195195Элемент управления - spin edit, стилизованный с помощью TBGRADrawer.
196196
197197### TBCDCheckBox
198198
199199Элемент управления - checkbox, стилизованный с помощью TBGRADrawer.
200200
201201### TBCRadioButton
202202
203203Элемент управления - radiobutton, стилизованный с помощью TBGRADrawer.
204204
205205# Образцы кода
206206
207207BGRA Controls поставляется с хорошими демками, показывающими, как использовать материал и дополнительные вещи, которые вы можете использовать в своих собственных проектах.
208208
209209### Библиотека паскалевского скрипта
210210
211211Помещение методов BGRABitmap внутрь .dll с заголовками c \#, java и pascal.
212212
213213### Пользовательские BGRA Ribbon компоненты
214214
215215Как создать полностью тематическое окно, используя элементы управления для создания Ribbon-подобного приложения.
216216
217217### \[Каталог\] Tests
218218
219219\[В поставке с демками\] есть тестовые \[проекты\] для аналоговых элементов управления (часы и датчик), элементы управления с префиксом BC, элементы управления с префиксом BGRA, элементы управления BGRA Custom Drawn, как использовать Pascal Script и BGRABitmap, bgrascript или как создать собственное решение для сценариев с BGRABitmap.
220220
221221### \[Каталог\] Tests Extra
222222
223-<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" />
223+![](/wiki-images/0/0c/Game_maze.png) ![](/wiki-images/f/f8/Game_puzzle.png) ![](/wiki-images/4/4e/Customdrawnwindows7.png) ![](/wiki-images/9/9d/Slicescaledtachart.png)
224224
225225Это дополнительные тесты, например, как использовать эффект затухания, тему fpGUI, игры, такие как лабиринт и головоломки, как мы создали material design animation, pix2svg или как преобразовать маленькое изображение в SVG с использованием шестиугольников, прямоугольников и эллипсов, плагинов или как загрузить .dll и использовать в TBGRAVirtualScreen, эффект дождя, эффект тени, 9-фрагментное масштабирование с помощью Custom Drawn или как создавать темы с растровыми изображениями приложения, чтобы они выглядели как темы Windows, и 9-фрагментное масштабирование с помощью диаграмм.
226226
227227# Другие модули
228228
229229Эти модули поставляются с элементами управления BGRA и содержат еще больше функций, которые иногда используются с элементами управления, иногда нет, но в некотором роде полезны. Некоторые из них перечислены здесь, другие, которые вы можете видеть, связаны напрямую с любым элементом управления, таким как bcrtti, bcstylesform, bctools и bctypes.
230230
231231### BCEffect
232232
233233Эффект затухания \[для использования\] с BGRABitmap.
234234
235235### BCFilters
236236
237237Набор пиксельных фильтров для использования с BGRABitmap.
238238
239239### BGRAScript
240240
241241Создание сценариев с помощью BGRABitmap, см. тестовый проект.
242242
243243# Статьи по теме
244244
245245[[BGRASpriteAnimation]] - Использование компонента анимации спрайтов.
246246
247247[[uE Controls]] - Другие элементы управления, разработанные с помощью BGRABitmap.
248248
249249[[BGRABitmap]] - Библиотека, используемая для создания этих элементов управления.
250250
251251[[LazPaint]] - Программа рисования, разработанная с помощью Lazarus и BGRABitmap.
252252
253253---
254254*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).*
255255Category: BGRAControls
256256Category: Components
257257Category: Graphics

Back to history