Как поменять цвет виджета
Перейти к содержимому

Как поменять цвет виджета

  • автор:

Как поменять цвет у виджета QDial в PyQT5 или PySide2

В setStyleSheet установлен цвет черный, но виджет отображается как розовый.
Есть ли способ поменять цвет на черный?

from PySide2 import QtWidgets import sys class Test(QtWidgets.QWidget): def __init__(self,parent=None): QtWidgets.QWidget.__init__(self,parent) self = QtWidgets.QDial(self) self.resize(300,300) self.setStyleSheet('background-color:#0f0d0e; border: 0px;') if __name__ == '__main__': app = QtWidgets.QApplication(sys.argv) window = Test() window.show() sys.exit(app.exec_()) 

введите сюда описание изображения Хотелось бы получить: введите сюда описание изображения

Отслеживать
73.7k 112 112 золотых знаков 38 38 серебряных знаков 55 55 бронзовых знаков
задан 16 мар 2021 в 17:16
leonidtime leonidtime
93 1 1 золотой знак 2 2 серебряных знака 10 10 бронзовых знаков
не могли бы вы как-то показать на изображении, что вы хотите получить?
17 мар 2021 в 0:42
Добавил в вопрос изображение
18 мар 2021 в 12:25

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

Мне, как и вам, поменять цвет виджета QDial , используя таблицы стилей, не удалось.

Я также попробовал изменять цвета палитры для QDial и некоторых виджетов, близких по смыслу с ним.

Поменять цвет виджета QDial на сегодня нельзя, т.к. QDial вообще не поддерживает таблицы стилей.

import sys import random from PyQt5 import QtCore, QtGui, QtWidgets class Widget(QtWidgets.QWidget): def __init__(self): super().__init__() self.setWindowTitle('PyQt5 изменяет палитру динамически') self.label = QtWidgets.QLabel("Hello Label Label Label", maximumHeight=70, alignment=QtCore.Qt.AlignCenter) self.dial = QtWidgets.QDial(notchesVisible=True) self.slider = QtWidgets.QSlider(QtCore.Qt.Horizontal) self.spinBox = QtWidgets.QSpinBox(prefix="Hello ", suffix=" SpinBox", alignment=QtCore.Qt.AlignCenter) layout = QtWidgets.QVBoxLayout(self) for obj in ( QtWidgets.QRadioButton("Hello QRadioButton", checked=True), self.label, self.spinBox, QtWidgets.QPushButton("Hello Button"), self.dial, self.slider, ): layout.addWidget(obj) self.timer = QtCore.QTimer(self) self.timer.timeout.connect(self.on_timeout) QtCore.QTimer.singleShot(2000, lambda: self.timer.start(2000)) self.num = 0 @QtCore.pyqtSlot() def on_timeout(self): pal = QtWidgets.QApplication.palette() palette = self.palette() color = QtGui.QColor(*random.sample(range(256), 3)) pal.setColor(QtGui.QPalette.Button, color) palette.setColor(QtGui.QPalette.Window, QtGui.QColor(*random.sample(range(256), 3))) palette.setColor(QtGui.QPalette.WindowText, QtGui.QColor(*random.sample(range(256), 3))) palette.setColor(QtGui.QPalette.Base, QtGui.QColor(*random.sample(range(256), 3))) palette.setColor(QtGui.QPalette.AlternateBase, QtGui.QColor(*random.sample(range(256), 3))) palette.setColor(QtGui.QPalette.Text, QtGui.QColor(*random.sample(range(256), 3))) palette.setColor(palette.Button, QtGui.QColor(*random.sample(range(256), 3))) palette.setColor(palette.ButtonText, QtGui.QColor(*random.sample(range(256), 3))) palette.setColor(QtGui.QPalette.BrightText, QtGui.QColor(*random.sample(range(256), 3))) palette.setColor(QtGui.QPalette.Highlight, QtGui.QColor(*random.sample(range(256), 3))) palette.setColor(QtGui.QPalette.HighlightedText, QtGui.QColor(*random.sample(range(256), 3))) self.setPalette(pal) self.setPalette(palette) self.dial.setValue(self.num) self.slider.setValue(self.num) self.spinBox.setValue(self.num) self.num += 1 if self.num > 100: self.num = 0 currentTime = QtCore.QTime.currentTime() timeTxt = currentTime.toString('hh:mm:ss') self.label.setText(timeTxt) def create_palette(): palette = QtGui.QPalette() palette.setColor(QtGui.QPalette.Window, QtGui.QColor(0, 0, 0)) palette.setColor(QtGui.QPalette.WindowText, QtCore.Qt.white) palette.setColor(QtGui.QPalette.Base, QtGui.QColor(0, 0, 0)) palette.setColor(QtGui.QPalette.AlternateBase, QtGui.QColor(0, 0, 0)) palette.setColor(QtGui.QPalette.ToolTipBase, QtGui.QColor(0, 0, 0)) palette.setColor(QtGui.QPalette.Text, QtCore.Qt.white) palette.setColor(QtGui.QPalette.Button, QtGui.QColor(0, 0, 0)) palette.setColor(QtGui.QPalette.ButtonText, QtCore.Qt.white) palette.setColor(QtGui.QPalette.BrightText, QtGui.QColor(0, 0, 0)) palette.setColor(QtGui.QPalette.Highlight, QtGui.QColor(0, 0, 0)) palette.setColor(QtGui.QPalette.HighlightedText, QtGui.QColor(220, 0, 0)) return palette if __name__ == '__main__': app = QtWidgets.QApplication(sys.argv) app.setStyle('Fusion') #. app.setFont(QtGui.QFont("Times", 15, QtGui.QFont.Bold)) QtWidgets.QApplication.setPalette(create_palette()) w = Widget() w.resize(300, 500) w.show() sys.exit(app.exec_()) 

Можно ли поменять фон и цвет?

Выберите в панели виджетов справа страницы нужный виджет и переместите его на страницу. Выделите нужную область текста и найдите «Цвет» в панели инструментов, отобразившейся сверху. Выбор опции «Цвет текста» изменит цвет выбранной части текста, а «Цвет фона» изменит цвет той области, в которой находится выбранная часть текста. Далее появится окно «Выбор цвета». Выберите нужный и нажмите «Сохранить».

Изменить фон всего блока можно в панели управления в левом верхнем углу блока. Нажмите на «Редактировать фон блока» и выберите фоновый цвет, настройте наложение цвета или выберите картинку.

С инструкцией, как изменить полностью фон страницы, можно ознакомиться здесь.

Другие вопросы в разделе «Редактирование сайта»

  • С помощью чего редактируется сайт?
  • Как управлять виджетами?
  • Как изменять текст виджетов?
  • Как добавить ссылку?
  • Можно ли вернуть удаленный по ошибке текст или картинку?
  • Как добавить свою карту?
  • Как добавить картинку?
  • Можно ли открывать фотографии в увеличенном размере?
  • Как настроить для фотографий просмотр с прокруткой?
  • Можно ли изменить размер или форму картинки?
  • Как добавить свое видео?
  • Как добавить ссылки на соцсети?
  • Можно ли восстановить информацию, если не нажали «Сохранить» и закрыли редактор?
  • Как сделать ссылку на определенное место на странице?
  • Возможно ли принимать платежи на сайте, созданном на «Джино.Лендинге»?
  • Как добавить ссылку на кнопку?
  • Как сделать меню?
  • Как поменять иконку?
  • Для чего нужен «Расширенный режим»?
  • Как поменять фон страницы?
  • Можно ли разделить страницу на секции с разным фоном?
  • Как сделать кнопку «Позвонить»?
  • Как добавить форму обратной связи?
  • Как добавить анимацию на страницу?
  • Общие вопросы о «Джино»
    • Основные вопросы о «Джино»
    • Оплата услуг
    • Основные вопросы по хостингу
    • Управление сайтом
      • Работа с файлами
      • FTP-доступ
      • Задания по расписанию (cron)
      • Доступ по SSH
      • PHP
      • CGI
      • MySQL
        • Общие вопросы по MySQL
        • phpMyAdmin
        • Joomla!
        • osCommerce
        • Invision Power Board
        • MODX
        • WordPress
        • Основные вопросы по доменам
        • Регистрация доменов
        • Перенос доменов
        • Домены .рф
        • Основные вопросы
        • Редактирование сайта
        • Основные вопросы
        • Настройка почтовых клиентов
        • Почтовый интерфейс (WebMail)

        Как правильно настроить виджет для Android

        Сложно переоценить значимость смартфона для современного человека. Он помогает оставаться на связи с родными и близкими, читать новости в интернете, а кому-то — даже работать. Вне зависимости от целей использования для всех людей на первое место выходит комфорт при взаимодействии со смартфоном. А в отношении удобства важную роль играют виджеты на телефоне, хотя многие до сих пор не знают, что это такое. Разберемся, зачем они нужны, и выясним, как настроить виджет.

        Как правильно настроить виджет для Android. Виджеты расширяют функциональность приложений. Фото.

        Виджеты расширяют функциональность приложений

        Что такое виджет на телефоне

        Виджет — графический элемент интерфейса, помогающий пользователю быстрее получить доступ к необходимой информации. Это своего рода дополнение для приложения, которое размещается на главном экране. Пользу виджетов легко проиллюстрировать на нескольких примерах.

        ⚡ Подпишись на Androidinsider в Дзене, где мы публикуем эксклюзивные материалы

        Допустим, вы установили приложение погоды на телефон. Чтобы узнать, какая температура за окном, вам каждый раз придется запускать программу. Согласитесь, это не очень удобно. Но у любого подобного приложения есть виджет. Мы выводим плитку на главный экран и видим информацию о погоде, не запуская саму программу.

        Погода — это самый популярный, но далеко не единственный тип виджетов. Они есть у многих приложений. Можно добавить на экран виджет календаря, музыкального плеера или, допустим, кнопку быстрого доступа к отдельным функциям смартфона.

        Что такое виджет на телефоне. Виджеты бывают разные: черные, белые, красные. Фото.

        Виджеты бывают разные: черные, белые, красные

        Размер виджета определяется количеством места, которое он занимает на главном экране. К примеру, соотношение 4х2 означает, что плитка займет пространство, сопоставимое с 8-ю иконками приложений (4 — по горизонтали, 2 — по вертикали). Поэтому будьте готовы освободить место на рабочем столе, чтобы добавить виджет на экран.

        Прежде чем мы перейдем к ответу на вопрос, как установить виджет на телефон, отмечу, что графические элементы бывают статичными и интерактивными. Яркий пример блока первой категории — погода. Вы можете лишь наблюдать за информацией, которая показывается на экране. А вот интерактивные виджеты позволяют взаимодействовать с ними, например, добавляя заметки в соответствующее поле.

        Как добавить виджет

        Поскольку виджет является своего рода дополнением приложения, сначала нужно установить программу, предлагающую набор графических элементов. Размышления о том, какой виджет скачать, оставляю на ваше усмотрение, а сам перейду к практической части, сделав небольшое уточнение.

        ❗ Поделись своим мнением или задай вопрос в нашем телеграм-чате

        Во-первых, есть приложения, единственная цель которых — добавление плиток на экран. Таковым, в частности, является виджет батареи. В то же время существуют программы, для которых графический элемент на главном экране — лишь один из способов быстрого доступа к основным возможностям софта. Как бы то ни было, для установки виджета я предлагаю вам универсальную инструкцию:

        1. Установите приложение.
        2. Задержите палец на свободной области рабочего стола.
        3. Перейдите в раздел «Виджеты».
        4. Выберете понравившийся вариант.
        5. Переместите графический элемент в нужное место.
        6. Нажмите на галочку для подтверждения.

        Как добавить виджет. Виджеты доступны в специальном меню, где они появляются по мере установки разных приложений. Фото.

        Виджеты доступны в специальном меню, где они появляются по мере установки разных приложений

        Думаю, вы без труда разберетесь, как поставить виджет. Здесь нет ничего сложного. Другое дело, что помимо прочего виджет можно настроить, и об этом мы поговорим далее.

        �� Загляни в телеграм-канал Сундук Али-Бабы, где мы собрали лучшие товары с АлиЭкспресс

        Как изменить виджет

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

        Как изменить виджет. Меню настроек открывается при добавлении виджета, а также при нажатии на него. Фото.

        Меню настроек открывается при добавлении виджета, а также при нажатии на него

        Также для изменения внешнего вида вы можете нажать на виджет или кликнуть на кнопку «Настройки», если таковая имеется. Второй тип редактирования доступен, например, у графического элемента Погоды от Яндекса. А еще можно просто запустить приложение, чтобы настроить его виджет.

        Как изменить виджет. Некоторые виджеты имеют кнопку быстрого доступа к настройкам. Фото.

        Некоторые виджеты имеют кнопку быстрого доступа к настройкам

        Набор опций для настройки отличается от виджета к виджету. Где-то получается изменить цвет, а где-то — тип отображаемых данных. А вот что нельзя настроить, так это размер. Виджет всегда занимает столько места, сколько указано при его добавлении из общего списка.

        ⚡ Подпишись на Androidinsider в Пульс Mail.ru, чтобы получать новости из мира Андроид первым

        Как удалить виджет

        В конце несколько слов о том, как убрать виджеты. На это у вас может быть несколько причин от необходимости освободить место на главном экране до попытки сэкономить заряд аккумулятора, ведь на работу постоянно обновляемого элемента интерфейса уходит немало энергии. Итак, чтобы удалить виджет, задержите на нем палец и нажмите соответствующую кнопку.

        Как удалить виджет. Виджет удаляется в два счета, но его приложение остается в памяти смартфона. Фото.

        Виджет удаляется в два счета, но его приложение остается в памяти смартфона

        Также, задержав палец, вы можете передвинуть плитку на другой экран. Обратите внимание, что после удаления виджет продолжает оставаться доступным для повторного добавления. Чтобы полностью избавиться от него, нужно удалить приложение.

        Оставить комментарий в Telegram. Поделитесь мнением в чате читателей Androidinsider.ru

        Теги

        • Виджеты
        • Новичкам в Android
        • Приложения для Андроид

        Как сделать индивидуальный стиль для любого виджета

        Вопрос: Как изменить цвет фона отдельного виджета, чтобы выделить его визуально от других?

        Ответ: Каждый виджет в сайдбаре имеет индивидуальный идентификатор ( id ), параметры стилей для которого мы можем задать в файле стилей шаблона (style.css, css.css и пр.). Вам остается определить данный id и прописать правильно параметры.

        Для работы советую использовать бесплатное дополнение для браузера FireFox под названием FireBug. Если же вы используете Google Chrome, то нажмите просто клавишу F12 в браузере. В Opera выберите «Проинспектировать элемент».

        Далее остается визуально определить необходимый нам виджет и его id.

        как изменить фон виджета

        Скриншот FireBug для FireFox

        Для наглядной демонстрации я подготовил небольшое видео на примере, где мы определяем id виджета и задаем ему необходимые параметры стилей. Смотрите в высоком разрешении.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *