Как изменить цвет бегунка стандартного скроллбара? (XE2, Win 7)

@vlad2 · Регистрация: 06.04.2011

Студворк — интернет-сервис помощи студентам

Хочу изменить картинку или хотя бы цвет бегунка стандартного скроллбара, например, TStringGrid'a.
Можно ли более-менее простым способом сделать это, не создавая собственную компоненту?

@GSSR · 27.09.2013, 18:17

vlad2, А как Вы меняете изображение прокрутки в VCL Style Designer?

@volvo · 27.09.2013, 18:26

vlad2, Style->Test в дизайнере показывает желаемый результат?

@vlad2 · 27.09.2013, 23:02 **[ТС]**

Сообщение от GSSR

vlad2, А как Вы меняете изображение прокрутки в VCL Style Designer?

Выделяю бегунок, например, HorzSlider (см. картинку UI) и в окне Inspector справа меняю свойство Color с clWhite на clRed. Думаю, что в Inspector'е я вижу свойства HorzSlider и могу их менять, как в обычном Object Inspector. Наверное, это не так. Как сделать, например, чтобы бегунок имел градиентную заливку в моих цветах? В свойствах я не вижу такой возможности. Правда, там есть битмапы на все состояния компоненты, и видимо, можно использовать их. А если длина бегунка меняется, как это происходит, например, TDBGrid при изменении количества записей в таблице? Мне не понятно, почему нет реакции на изменение свойства.

Добавлено через 7 минут

Сообщение от UI

vlad2, Style->Test в дизайнере показывает желаемый результат?

Нет. Пытался так же изменить цвет TSpeedButton, эффект тоже нулевой. Здесь, видимо, есть какой-то нюанс, типа как посоветовал GSSR "изменить текст в Author и удалить текст в AuthorURL", которого я не замечаю.
Подробного примера, как изменить какое-то свойство в VCL Style Designer я в сети не нашёл.

@Avazart · 27.09.2013, 23:34

Я чет тоже пытался ковырять, не вышло

@GSSR · 28.09.2013, 12:07

Посмотрите вот это видео: VCL Styles in Delphi, C++Builder and RAD Studio XE2

Любые изображения нужно менять в любой графической программе. Я использую Adobe Photoshop CS5.

Добавлено через 36 минут
Ещё хочу добавить по поводу папок, в которые нужно стили запихнуть. Что бы понять в какой папке стили должны лежать предлагаю поступить так. Из одной папки удалить стиль и проверить пропал стиль или нет в меню выбора стилей. Так же поступить и со второй папкой и так далее с другими папками в которые вы добавили свой стиль.

@vlad2 · 28.09.2013, 19:27 **[ТС]**

Сообщение от GSSR

Посмотрите вот это видео

Спасибо, GSSR, это видео я посмотрел несколько раз ещё раньше, сразу после поста UI с картинкой, и нашёл ещё несколько видео и не только.
Но вопрос, зачем тогда нужны свойства в Инспекторе, которые можно менять, но это не отображается в приложении? Ни на одном из видео об этом ни слова. А должна же быть какая-то логика.
Ещё вопрос, какой элемент мне нужно изменить в картинке, чтобы, например, поменялся вид только бегунка скроллбаров?
Я уже не претендую на то, чтобы сделать разный вид скроллбаров у разных компонент ).

Добавлено через 3 часа 57 минут
Avazart, спасибо за картинку. Я имел в виду, что не замечаю не "текст в Author", а подобный этому нюанс в свойствах Инспектора ).

@GSSR · 28.09.2013, 20:10

В окне Objects в разделе Images нажмите на +. Там увидите style.png нажмите и увидите общую для всех компонентов картинку.

Добавлено через 7 минут
Над картинкой есть кнопки. Нажмите на кнопку Export. Откроется окно Export Images. В этом окне нажмите на кнопку с тремя точками ... и выберите путь для сохранения картинки и нажмите OK. После этого нажмите на кнопку Export в окне Export Images.

Добавлено через 15 минут
После того как вы экспортировали изображение, открывайте его в любом графическом редакторе и меняйте цвет как вам угодно. После того как вы завершили редактировать изображение его нужно опять перенести обратно в VCL Style Designer. В VCL Style Designerнад тем, изображением которое вы экспортировали, есть кнопка Update. Нажмите на эту кнопку, откроется окно Select Image. В этом окне выберите изображение которое вы редактировали и нажмите Открыть. Откроется окно Open Image, нажмите OK. Сохраните ваш стиль и закиньте в папку для стилей. Всё.

@GSSR · 28.09.2013, 20:27

Красным цветом выделена прокрутка вертикальная и горизонтальная.

@vlad2 · 28.09.2013, 20:38 **[ТС]**

Сообщение от GSSR

открывайте его в любом графическом редакторе и меняйте цвет как вам угодно

Уважаемый GSSR, спасибо, что вы так подробно описали словами то, что наглядно показано в ролике по вашей ссылке. Вопрос же другой. Для простоты: какой элемент изображения нужно залиить красным цветом в графическом редакторе, чтобы только бегунок скроллбара моего приложения при использовании этого стиля стал красным?

Добавлено через 2 минуты
Спасибо, GSSR, за картинку, я догадывался, но нигде не нашёл описания - что есть что, а проверить до понедельника не смогу.
Но вопрос, зачем нужны свойства в Инспекторе остаётся.

@GSSR · 28.09.2013, 20:49

Сообщение от vlad2

Уважаемый GSSR, Вопрос же другой. Для простоты: какой элемент изображения нужно залиить красным цветом в графическом редакторе, чтобы только бегунок скроллбара моего приложения при использовании этого стиля стал красным?

Посмотрите над вашим сообщением. Там всё показано на картинке.

Добавлено через 9 минут
В инспекторе прокрутки есть такие свойства:

Bitmap - картинка обычной прокрутки.

BitmapDisabled - картинка заблокированой прокрутки.

BitmapFocus - картинка прокрутки во время наведения на неё мышкой.

BitmapHot- картинка прокрутки во время (наверно движения).

BitmapPressed - картинка прокрутки во время нажатия.

@vlad2 · 28.09.2013, 21:01 **[ТС]**

Сообщение от GSSR

В инспекторе прокрутки есть такие свойства

Да, догадываюсь, зачем они. Но есть и другие, например, Color. Надо ещё проверить, работает ли изменение размеров. Но до понедельника не смогу.

@GSSR · 28.09.2013, 21:08

Думаю что Color для фона.

@vlad2 · 30.09.2013, 13:45 **[ТС]**

Попробовал менять цвет бегунка и ещё некоторые компоненты, вроде, работает через картинку Style.png. Пробовал изменить размеры в свойствах Инспектора и цвета в секциях Colors и SysColors, тоже работает. Не всё удобно и интуитивно понятно, надо ещё много разбираться, но VCL Style, наверное, может мне подойти. Ничего более простого и удобного, видимо, не найти. Тему можно закрывать. Спасибо участникам.

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@vlad2 6 / 6 / 2 Регистрация: 06.04.2011 Сообщений: 313

	Как изменить цвет бегунка стандартного скроллбара? (XE2, Win 7) 26.09.2013, 17:35. Показов 5072. Ответов 32 Метки нет (Все метки) Хочу изменить картинку или хотя бы цвет бегунка стандартного скроллбара, например, TStringGrid'a. Можно ли более-менее простым способом сделать это, не создавая собственную компоненту? 0

@GSSR 7 / 7 / 0 Регистрация: 21.04.2013 Сообщений: 44
	27.09.2013, 18:17
	vlad2, А как Вы меняете изображение прокрутки в VCL Style Designer? 0

@volvo Супер-модератор 33379 / 21503 / 8236 Регистрация: 22.10.2011 Сообщений: 36,899 Записей в блоге: 12
	27.09.2013, 18:26
	vlad2, Style->Test в дизайнере показывает желаемый результат? 0

@Avazart 8488 / 6155 / 615 Регистрация: 10.12.2010 Сообщений: 28,683 Записей в блоге: 30
	27.09.2013, 23:34
	Я чет тоже пытался ковырять, не вышло Миниатюры 0

@GSSR 7 / 7 / 0 Регистрация: 21.04.2013 Сообщений: 44
	28.09.2013, 12:07
	Посмотрите вот это видео: VCL Styles in Delphi, C++Builder and RAD Studio XE2 Любые изображения нужно менять в любой графической программе. Я использую Adobe Photoshop CS5. Добавлено через 36 минут Ещё хочу добавить по поводу папок, в которые нужно стили запихнуть. Что бы понять в какой папке стили должны лежать предлагаю поступить так. Из одной папки удалить стиль и проверить пропал стиль или нет в меню выбора стилей. Так же поступить и со второй папкой и так далее с другими папками в которые вы добавили свой стиль. 1

@GSSR 7 / 7 / 0 Регистрация: 21.04.2013 Сообщений: 44
	28.09.2013, 20:10
	В окне Objects в разделе Images нажмите на +. Там увидите style.png нажмите и увидите общую для всех компонентов картинку. Добавлено через 7 минут Над картинкой есть кнопки. Нажмите на кнопку Export. Откроется окно Export Images. В этом окне нажмите на кнопку с тремя точками ... и выберите путь для сохранения картинки и нажмите OK. После этого нажмите на кнопку Export в окне Export Images. Добавлено через 15 минут После того как вы экспортировали изображение, открывайте его в любом графическом редакторе и меняйте цвет как вам угодно. После того как вы завершили редактировать изображение его нужно опять перенести обратно в VCL Style Designer. В VCL Style Designerнад тем, изображением которое вы экспортировали, есть кнопка Update. Нажмите на эту кнопку, откроется окно Select Image. В этом окне выберите изображение которое вы редактировали и нажмите Открыть. Откроется окно Open Image, нажмите OK. Сохраните ваш стиль и закиньте в папку для стилей. Всё. 0

@GSSR 7 / 7 / 0 Регистрация: 21.04.2013 Сообщений: 44
	28.09.2013, 20:27
	Красным цветом выделена прокрутка вертикальная и горизонтальная. Миниатюры 0

@GSSR 7 / 7 / 0 Регистрация: 21.04.2013 Сообщений: 44
	28.09.2013, 21:08
	Думаю что Color для фона. 1

@vlad2 6 / 6 / 2 Регистрация: 06.04.2011 Сообщений: 313
	30.09.2013, 13:45 [ТС]
	Попробовал менять цвет бегунка и ещё некоторые компоненты, вроде, работает через картинку Style.png. Пробовал изменить размеры в свойствах Инспектора и цвета в секциях Colors и SysColors, тоже работает. Не всё удобно и интуитивно понятно, надо ещё много разбираться, но VCL Style, наверное, может мне подойти. Ничего более простого и удобного, видимо, не найти. Тему можно закрывать. Спасибо участникам. 0