Sign in Join
Wiki copytemporary

BGRAControls/ru: what changed

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

Title: BGRAControls/ru

OldNewLine
1+<figure>
2+<img src="bgracontrols.png" title="bgracontrols.png" />
3+<figcaption>bgracontrols.png</figcaption>
4+</figure>
5+
6+# Установка
7+
8+Используйте [[Online Package Manager]] для получения BGRABitmap и BGRAControls.
9+
10+Обратите внимание, что вы должны проверять только пакеты "bgrabitmappack.lpk" и "bgracontrols.lpk" в онлайн-менеджере пакетов. Другие пакеты являются необязательными и могут потребоваться сторонние пакеты / библиотеки для работы (OpenGL и PascalScript).
11+
12+## Дополнительные компоненты
13+
14+Начиная с версии 4.4, компоненты TBCDefaultThemeManager, TBCKeyboard и TBCNumericKeyboard не устанавливаются по умолчанию, чтобы позволяет пользователям Linux получить беспроблемную установку с помощью Online Package Manager без установки сторонних компонентов. Если вы хотите, чтобы эти компоненты \[установлены\], подключите \[их\] в "Register unit" в опциях пакета для каждого файла (bcdefaulthememanager.pas, bckeyboard.pas, bcnumerickeyboard.pas), затем скомпилируйте и пересоберите Lazarus. В Linux вам нужно сначала установить \[пакеты\] libxtst-dev и libgl-dev.
15+
16+## Веб-сайт
17+
18+BGRABitmap Organization on GitHub: <https://github.com/bgrabitmap/>
19+
20+# Элементы управления BGRA
21+
22+Элементы управления BGRA - это набор графических элементов пользовательского интерфейса, которые можно использовать с приложениями Lazarus LCL. Под Linux вам нужно установить \[пакеты\] libxtst-dev и libgl-dev.
23+
24+### TBCButton
25+
26+<figure>
27+<img src="bcbutton.png" title="bcbutton.png" />
28+<figcaption>bcbutton.png</figcaption>
29+</figure>
30+
31+Элемент управления - кнопка, который можно стилизовать через свойства для каждого состояния, например StateClicked, StateHover, StateNormal, с такими настройками, как градиенты, границы и текст с тенями. Вы можете назначить уже созданный стиль через свойство AssignStyle.
32+
33+### TBCButtonFocus
34+
35+<figure>
36+<img src="TBCButtonFocus.png" title="TBCButtonFocus.png" />
37+<figcaption>TBCButtonFocus.png</figcaption>
38+</figure>
39+
40+Аналогичен TBCButton, но поддерживает фокусировку как обычный TButton.
41+
42+### TBCGameGrid
43+
44+<figure>
45+<img src="bcgamegrid.png" title="bcgamegrid.png" />
46+<figcaption>bcgamegrid.png</figcaption>
47+</figure>
48+
49+Сетка с пользовательской шириной и высотой элементов и любым количеством горизонтальных и вертикальных ячеек, которые можно нарисовать с помощью BGRABitmap непосредственно с событием OnRenderControl.
50+
51+### TBCImageButton
52+
53+- <figure>
54+ <img src="samplebgraimagebutton.png" title="samplebgraimagebutton.png" />
55+ <figcaption>samplebgraimagebutton.png</figcaption>
56+ </figure>
57+
58+- <figure>
59+ <img src="samplebgraimagebuttonalpha.png" title="samplebgraimagebuttonalpha.png" />
60+ <figcaption>samplebgraimagebuttonalpha.png</figcaption>
61+ </figure>
62+
63+Элемент управления - кнопка, который можно стилизовать с помощью одного файла изображения, содержащего рисунок для каждого состояния Normal(«Обычный»), Hovered(«Наведенный»), Active(«Активный») и Disabled(«Отключенный»). Он поддерживает функцию 9-фрагментного масштабирования. Он поддерживает приятную анимацию затухания, которую можно включить.
64+
65+### TBCXButton
66+
67+<figure>
68+<img src="bcxbutton.png" title="bcxbutton.png" />
69+<figcaption>bcxbutton.png</figcaption>
70+</figure>
71+
72+Элемент управления - кнопка, который может быть стилизован \[при помощи кода\] в событии OnRenderControl. Или даже лучше создать свой собственный дочерний элемент управления, наследующийся от этого класса.
73+
74+### TBCLabel
75+
76+<figure>
77+<img src="bclabel.png" title="bclabel.png" />
78+<figcaption>bclabel.png</figcaption>
79+</figure>
80+
81+Элемент управления - label, у который можно \[настраивать\] стиль через свойства, он поддерживает тени, настраиваемые границы и фон.
82+
83+### TBCMaterialDesignButton
84+
85+<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" />
86+
87+Элемент управления - кнопка - с эффектом анимации в соответствии с рекомендациями Google Material Design. Он поддерживает пользовательский цвет для фона и для зацикленной анимации, также вы можете настраивать тень.
88+
89+### TBCPanel
90+
91+<figure>
92+<img src="bcpanel.png" title="bcpanel.png" />
93+<figcaption>bcpanel.png</figcaption>
94+</figure>
95+
96+Элемент управления - панель, у который можно \[настраивать\] стиль через свойства. Вы можете назначить уже созданный стиль через свойство AssignStyle.
97+
98+### TBCRadialProgressBar
99+
100+<figure>
101+<img src="TBCRadialProgressBar.png" title="TBCRadialProgressBar.png" width="400" />
102+<figcaption>TBCRadialProgressBar.png</figcaption>
103+</figure>
104+
105+Индикатор выполнения с радиальным стилем. Вы можете установить цвет и свойства текста, как вам нравится.
106+
107+### TBCToolBar
108+
109+TToolBar с событием OnRedraw, чтобы нарисовать его, используя BGRABitmap. Он также поддерживает OnPaintButton по умолчанию для настройки рисования кнопок. По умолчанию это стиль панели инструментов проводника, похожий на Windows 7.
110+
111+### TBCTrackBarUpdown
112+
113+<figure>
114+<img src="TBCTrackBarUpdown.png" title="TBCTrackBarUpdown.png" />
115+<figcaption>TBCTrackBarUpdown.png</figcaption>
116+</figure>
117+
118+Элемент управления для ввода числовых значений, работает как трекбар и spinedit в одном элементе управления.
119+
120+### TBGRAFlashProgressBar
121+
122+<figure>
123+<img src="BC-Bgraflashprogressbar.png" title="BC-Bgraflashprogressbar.png" />
124+<figcaption>BC-Bgraflashprogressbar.png</figcaption>
125+</figure>
126+
127+Индикатор выполнения со стилем по умолчанию в духе старого стиля диалогового окна прогресс-бара Flash Player Setup для Windows. Вы можете изменить свойство color, чтобы оно имело разные стили, а также использовать событие OnRedraw, чтобы рисовать на нем собственные стили, такие как текст, или переопределять весь рисунок по умолчанию.
128+
129+### TBGRAGraphicControl
130+
131+Подобен компоненту paintbox. С помощью этого элемента управления вы можете рисовать с прозрачностью, используя событие OnRedraw.
132+
133+### TBGRAImageList
134+
135+<figure>
136+<img src="after-TBGRAImageList.png" title="after-TBGRAImageList.png" />
137+<figcaption>after-TBGRAImageList.png</figcaption>
138+</figure>
139+
140+Список изображений, который поддерживает альфа\[-канал\] на всех поддерживаемых платформах.
141+
142+### TBGRAImageManipulation
143+
144+<figure>
145+<img src="bgraimagemanipulation.jpg" title="bgraimagemanipulation.jpg" width="400" />
146+<figcaption>bgraimagemanipulation.jpg</figcaption>
147+</figure>
148+
149+Инструмент для манипуляциями с изображениями, посмотрите демонстрацию, которая показывает все возможности, которые идут с ним.
150+
151+### TBGRAKnob
152+
153+<figure>
154+<img src="BC-Bgraknob.png" title="BC-Bgraknob.png" />
155+<figcaption>BC-Bgraknob.png</figcaption>
156+</figure>
157+
158+Рукоятка настройки, которая может быть стилизована через свойства.
159+
160+### TBGRAResizeSpeedButton
161+
162+<figure>
163+<img src="TBGRAResizeSpeedButton.png" title="TBGRAResizeSpeedButton.png" width="400" />
164+<figcaption>TBGRAResizeSpeedButton.png</figcaption>
165+</figure>
166+
167+Speed button, которая может изменить размер глифа, чтобы он вписался \[полностью\] в элемент управления.
168+
169+### TBGRAShape
170+
171+<figure>
172+<img src="samplebgrashape.png" title="samplebgrashape.png" />
173+<figcaption>samplebgrashape.png</figcaption>
174+</figure>
175+
176+Элемент управления с настраиваемыми формами, такими как многоугольник и эллипс, которые могут быть заполнены градиентами и могут иметь пользовательские границы и многие другие визуальные параметры.
177+
178+### TBGRASpeedButton
179+
180+<figure>
181+<img src="BGRASpeedButton.png" title="BGRASpeedButton.png" />
182+<figcaption>BGRASpeedButton.png</figcaption>
183+</figure>
184+
185+Speed button, которая в GTK и GTK2 обеспечивает прозрачность на основе BGRABitmap для глифа.
186+
187+### TBGRASpriteAnimation
188+
189+<figure>
190+<img src="bgraspriteanimation.png" title="bgraspriteanimation.png" />
191+<figcaption>bgraspriteanimation.png</figcaption>
192+</figure>
193+
194+Компонент, который можно использовать как средство просмотра изображений или средство просмотра анимации, поддерживает загрузку файлов GIF.
195+
196+### TBGRAVirtualScreen
197+
198+<figure>
199+<img src="TBGRAVirtualScreen.gif" title="TBGRAVirtualScreen.gif" />
200+<figcaption>TBGRAVirtualScreen.gif</figcaption>
201+</figure>
202+
203+Это как панель. Вы можете нарисовать этот элемент управления, используя событие OnRedraw.
204+
205+### TDTAnalogClock
206+
207+<figure>
208+<img src="TDTThemedClock.gif" title="TDTThemedClock.gif" />
209+<figcaption>TDTThemedClock.gif</figcaption>
210+</figure>
211+
212+Часы.
213+
214+### TDTAnalogGaugue
215+
216+<figure>
217+<img src="TDTAnalogGaugue.gif" title="TDTAnalogGaugue.gif" />
218+<figcaption>TDTAnalogGaugue.gif</figcaption>
219+</figure>
220+
221+Датчик.
222+
223+### TDTThemedClock
224+
225+<figure>
226+<img src="TDTAnalogClock.gif" title="TDTAnalogClock.gif" />
227+<figcaption>TDTAnalogClock.gif</figcaption>
228+</figure>
229+
230+Еще одни часы.
231+
232+### TDTThemedGauge
233+
234+Еще один датчик.
235+
236+### TPSImport_BGRAPascalScript
237+
238+Компонент для загрузки утилит паскалевского скрипта BGRABitmap.
239+
240+# BGRA Custom Drawn
241+
242+<figure>
243+<img src="TBCDButton.png" title="TBCDButton.png" />
244+<figcaption>TBCDButton.png</figcaption>
245+</figure>
246+
247+BGRA Custom Drawn - это набор элементов управления, унаследованных от Custom Drawn. Они идут с темным стилем по умолчанию, который похож на Photoshop.
248+
249+### TBCDButton
250+
251+Элемент управления - кнопка, стилизованный под TBGRADrawer.
252+
253+### TBCDEdit
254+
255+Элемент редактирования, стилизованный с помощью TBGRADrawer.
256+
257+### TBCDStaticText
258+
259+Элемент управления - label, стилизованный с помощью TBGRADrawer.
260+
261+### TBCDProgressBar
262+
263+Элемент управления - индикатора выполнения, стилизованный с помощью TBGRADrawer.
264+
265+### TBCDSpinEdit
266+
267+Элемент управления - spin edit, стилизованный с помощью TBGRADrawer.
268+
269+### TBCDCheckBox
270+
271+Элемент управления - checkbox, стилизованный с помощью TBGRADrawer.
272+
273+### TBCRadioButton
274+
275+Элемент управления - radiobutton, стилизованный с помощью TBGRADrawer.
276+
277+# Образцы кода
278+
279+BGRA Controls поставляется с хорошими демками, показывающими, как использовать материал и дополнительные вещи, которые вы можете использовать в своих собственных проектах.
280+
281+### Библиотека паскалевского скрипта
282+
283+Помещение методов BGRABitmap внутрь .dll с заголовками c \#, java и pascal.
284+
285+### Пользовательские BGRA Ribbon компоненты
286+
287+Как создать полностью тематическое окно, используя элементы управления для создания Ribbon-подобного приложения.
288+
289+### \[Каталог\] Tests
290+
291+\[В поставке с демками\] есть тестовые \[проекты\] для аналоговых элементов управления (часы и датчик), элементы управления с префиксом BC, элементы управления с префиксом BGRA, элементы управления BGRA Custom Drawn, как использовать Pascal Script и BGRABitmap, bgrascript или как создать собственное решение для сценариев с BGRABitmap.
292+
293+### \[Каталог\] Tests Extra
294+
295+<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" />
296+
297+Это дополнительные тесты, например, как использовать эффект затухания, тему fpGUI, игры, такие как лабиринт и головоломки, как мы создали material design animation, pix2svg или как преобразовать маленькое изображение в SVG с использованием шестиугольников, прямоугольников и эллипсов, плагинов или как загрузить .dll и использовать в TBGRAVirtualScreen, эффект дождя, эффект тени, 9-фрагментное масштабирование с помощью Custom Drawn или как создавать темы с растровыми изображениями приложения, чтобы они выглядели как темы Windows, и 9-фрагментное масштабирование с помощью диаграмм.
298+
299+# Другие модули
300+
301+Эти модули поставляются с элементами управления BGRA и содержат еще больше функций, которые иногда используются с элементами управления, иногда нет, но в некотором роде полезны. Некоторые из них перечислены здесь, другие, которые вы можете видеть, связаны напрямую с любым элементом управления, таким как bcrtti, bcstylesform, bctools и bctypes.
302+
303+### BCEffect
304+
305+Эффект затухания \[для использования\] с BGRABitmap.
306+
307+### BCFilters
308+
309+Набор пиксельных фильтров для использования с BGRABitmap.
310+
311+### BGRAScript
312+
313+Создание сценариев с помощью BGRABitmap, см. тестовый проект.
314+
315+# Статьи по теме
316+
317+[[BGRASpriteAnimation]] - Использование компонента анимации спрайтов.
318+
319+[[uE Controls]] - Другие элементы управления, разработанные с помощью BGRABitmap.
320+
321+[[BGRABitmap]] - Библиотека, используемая для создания этих элементов управления.
322+
323+[[LazPaint]] - Программа рисования, разработанная с помощью Lazarus и BGRABitmap.
324+
325+---
326+*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).*
327+Category: BGRAControls
328+Category: Components
329+Category: Graphics

Back to history