Установить свойства виджета в PySide можно не только через соответствующие методы и конструктор класса. Можно их изменять с помощью метода setProperty по имени.
btn = QPushButton("Click Me")
btn.setProperty("flat", True)
Это аналогично вызову
btn.setFlat(True)
Если указать несуществующее свойство, то оно просто создается
btn.setProperty("btnType", "super")
Получить его значение можно методом .property(name)
btn_type = btn.property("btnType")
Когда это может быть полезно?
▫️Можно просто хранить какие то данные в виджете и потом их доставать обратно
widget = QWidget()
widget.setProperty('my_data', 123)
print(widget.property('my_data'))
▫️ Назначая эти свойства разным виджетам можно потом отличить виджеты во время итераци по ним. Например, найти все кнопки со свойством my_data="superbtn".
Но ведь вместо кастомного свойства можно использовать objectName, будет тот же результат.
Да, но y ObjectName есть ограничение - только строки.
▫️ Если нам потребуется не просто поиск а, например, сортировка по числу, то свойства позволяют нам это сделать. Поддерживается любой тип данных
widget.setProperty('my_data', {'Key': 'value'})
widget.setProperty('order', 1)
all_widgets.sort(key=w: w.property('order'))
Но ведь Python позволяет всё вышеперечисленное сделать простым созданием атрибута у объекта
widget.order = 1
widget.my_data = 123
Да, но я думаю что не надо объяснять почему не стоит так делать. К тому же, если у виджета нет свойства то метод .property(name) вернет None, а отсутствующий атрибут выбросит исключение.
▫️ Действительно полезное применение кастомным свойствам - контроль стилей. Здесь атрибутами не обойтись, нужны именно свойства.
Дело в том, что в селекторах стилей можно указывать конкретные свойства виджетов на которые следует назначать стиль.
Просто запустите этот код
from PySide2.QtWidgets import *
if __name__ == "__main__":
app = QApplication([])
widget = QWidget(minimumWidth=300)
layout = QVBoxLayout(widget)
btn1 = QPushButton("Action 1")
btn2 = QPushButton("Action 2")
btn3 = QPushButton("Action 3", flat=True)
layout.addWidget(btn1)
layout.addWidget(btn2)
layout.addWidget(btn3)
# добавим кастомное свойство одной кнопке
btn1.setProperty("btnType", "super")
# добавляем стили
widget.setStyleSheet(
"""
QPushButton[btnType="super"] {
background-color: yellow;
color: red;
}
QPushButton[flat="true"] {
color: yellow;
}
"""
)
widget.show()
app.exec_()
С помощью селектора мы избирательно назначили стили на конкретные кнопки.
Как получить список всех кастомный свойств?
Функция получения списка кастомных свойств отличается от получения дефолтных.
def print_widget_dyn_properties(widget):
for prop_name in widget.dynamicPropertyNames():
property_name = prop_name.data().decode()
property_value = widget.property(property_name)
print(f"{property_name}: {property_value}")
#tricks#qt
#uxui / #webdesign
P I X S O
Yaqindagina barcha imkoniyatlari bepul bo'lgan ajoyib veb dizaynerlar uchun dastur ishga tushurildi.
Dastur ba'zi imkoniyatlarini saytidan screenshot oldim. → pixso.net
Narxlari figmada mavjud imkoniyatlar bilan barchasi bepul ekan.
Foydalanganlar YouTube'da darrov videolar ham olishdi. Alexey ham bu haqida ushbu videoda yoritib berishga harakat qildi, video:
https://youtu.be/yX5Jo4hLgsM
@redfoxuz — dizayn haqida gaplashamiz.
@redfoxuz / #uxui / #webdesign
UX da animatsiyalar ishlatilishi (izlash shart emas).
Hozirgi vaqtga kelib interfeys animatsiyasi bilan foydalanuvchida taassurot qoldirish yoki ajablantirish juda ham qiyin jarayon hisoblanadi. Agar bunday bo'lsa animatsiyani asosiy vazifalari qanday? Dastur oynalari o'rtasidagi munosabatlarni ko'rsatish, foydalanuvchi e'tiborini yo'naltirish va dasturni qanday ishlashini tushuntirishdan iborat. UI/UX yurtimizda rivojlanib kelayotgan dizaynerlik sohalaridan biri hisoblanadi. Lekin men hali o'zbek tilida shu sohaga oid maqola uchratmadim. Maqolam qiziqarliroq bo'lishi uchun UX da animatsiya mavzusini tanladim va bu sizga yoqadi degan umiddaman.
Batafsil: https://redfox.uz/ux-da-animatsiyalar-ishlatilishi-izlash-shart-emas-3/
@redfoxuz / #uxui / #shogird
UX/UI dizayn sohasi bo'yicha shogird olamiz.
• Agarda siz UX/UI dizayn sohasiga qiziqsangiz.
• 09:00 dan 20:00gacha ishlashga tayyor bo’lsangiz.
• UX/UI sohasini real proektlar ustida o’rganishga ishtiyoqingiz baland bo’lsa bu imkoniyat siz uchun.
Ro'yxatdan o'ting: @Janibekmaxatov
+99899 8070116
Dasturchi faqat kod yozmaydi. Yoki dizaynerdan kutuvlar…
Marketing, turli tuman kurslar oqibatimi, nima sabab — bilmadim-u, “dasturchi faqat kod yozadi” degan noto‘g‘ri qarash shakllanib qolgan. Shu boisdan ushbu maqolada dasturchi va dizayner vazifalari nimalardan iborat ekanligini bilan yoritib o'tdim.
👉🏽 Maqolani 2 daqiqada o'qish
P.S. Ushbu maqolani o'zimizni dasturchilarga yuboramiz)
@suxrobblog | #dasturchi#uxui
📱Strong Junior UX/UI Designer qidiryapman
Proyektbay ishlash uchun kuchli junior dizayner kerak.
Talablar:
— Figma’ni yaxshi bilishi (auto layout, components, variants);
— Oz-moz design system haqida tushunchasi bo'lishi;
— Deadline’ga mas’uliyat bilan yondashishi;
— Feedback’ni og‘riqsiz qabul qilib, tez implement qila olishi.
Muhim:
— Kuniga / haftasiga necha soat ajrata olishingizni yozing;
— Real ishlagan loyihalaringizni (portfolio / Behance / link) yuboring;
— Faqat o‘zingiz qilgan ishlar bo‘lsin.
Taklif qilaman:
— O‘zbekiston va xalqaro proyektlarda ishlash imkoniyati;
— Real product tajribasi va kuchli feedback;
— Rivojlanish uchun kurslar va mentorlik dasturlari;
Ish formati: proyektbay (onlayn)
To‘lov: skill va tajribaga qarab kelishiladi.
O‘zingiz haqingizda qisqacha ma’lumot, portfolio havolasi, kutuvlaringiz hamda texnik intervyuga qaysi vaqtda tayyor ekanligingizni yozib yuboring.
Bog'lanish: @Tasir_menejer
P.S. Feedback ko‘tara olmaydigan dizaynerlar murojaat qilib o‘tirmasa ham bo‘ladi.
#vakansiya#uxui#dizayn
📱 Middle / Senior UX/UI Designer kerak
Proyektbay formatda kuchli Middle va Senior darajadagi dizaynerlarni ham ko‘rib chiqaman.
Iltimos, ortiqcha vaqtni oldini olgan holda, e’lon bilan to‘liq tanishib chiqib, shundan keyin murojaat qiling.
Talablar:
— Figma’ni professional darajada bilish (components architecture, variants, prototyping, design system)
— User flow, wireframe va IA (Information Architecture) tuza olish
— Miro va ClickUpda tajriba
— Design system ishlab chiqish tajribasi
— HTML / CSS’ni tushunish
— Material Design va Human Interface Guideline’lardan xabardor bo‘lish
— Frontend va backend jamoalari bilan samarali hamkorlik qila olish
— Texnik topshiriqni tez va aniq tushunib olish
— Product thinking va UX mantiq
— Mustaqil qaror qabul qila olish
— Deadline va javobgarlik
— Feedback’ni konstruktiv qabul qilish va himoyalay olish
Murojaat qilayotganda quyidagilarni yozib qoldiring:
— O‘zingiz haqingizda qisqacha ma’lumot (faqat rezyume emas)
— Darajangiz (qayerda ishlashingiz bilan)
— Portfolio havolalari (Behance + Figma link ham)
— Qancha vaqt ajrata olishingiz
— Kutuvingiz (rate yoki loyiha bo‘yicha)
— Daraja bo'yicha test topshiriga tayyorlingiz
Ish formati: proyektbay
To‘lov: skill va tajribaga qarab kelishiladi
⭐️ Ma'qul kelgan nomzod O‘zbekiston va xalqaro proyektlarda ishlash imkoniyati mavjud.
Aloqa: @Tasir_menejer
#uxui#middle#senyor
✅My school student ilovasi ham yangilandi
Yangilangan ilova app store va play marketga kecha chiqqan edi. Yangi ilovada my school brendining yangi logotipini koʻrishimiz mumkin.
Ilova dizayni (toʻliq UX/UI case study) va app store screen dizaynlari men tomonimdan loyihalashtirilgan. Tez orada ilova dizaynidan ham bir shingil sizlarga ulashaman.
Ancha vaqtdan beri ishlarimni ommaga chiqarmay qoʻygandim. Tez orada Behanceda 4-5 ta keysimni ixchamgina qilib, chiqarib yuborishim ham, mumkin reaksiyalar bilan qoʻllab tursangiz, tezroq harakatni boshlayman.)
@xurramovblog
#keyslarimdan#myschool#uxui
Tasir Academydagi shaxsiy UX/UI dizayn kurslarim borasida
Xabaringiz bo'lsa kerak, akademiyada ham, akademiyadan tashqari ham shogird qabul qilishni vaqtincha toʻxtatgan edim, ammo ko'pchilik menga kurs bo'yicha yozishdi. "Akademiya bo'lgandan keyin kurs ham o'tish kerakda" degan ijobiy fikrlar bilan)
Shu kabi sabablar bilan, yaqin orada UX/UI dizayn bo'yicha shogirdlik dasturimga yangidan start beraman. Shogirdlik dasturiga koʻra, kurs oʻquvchilariga Figmada Advanced darajada ishlash boʻyicha hozirda oʻzim tomonimdan yozib borilayotgan video darslar ham taqdim etaman.
Figma bo'yicha yozayotgan videodarslarga qisqacha to'xtalib ketsam, "buni bossangiz, bu chiqadi" deb dehqoncha usulda, xalq tushunadigan tilda tushuntirib, yozib boryapman. Eskitdan qolgan terminlar bilan, o'rganuvchilarni bezor qilish niyatim yo'q.
Doimgidek, shogirdlik dasturiga sanoqli o'rganuvchilar uchun joylar mavjud. So'rovnoma to'ldirib, hozirdan joyingizni band qilib qo'yishingiz mumkin. Bog'lanish va ma'lumot uchun »
@suxrobblog
» #tasiracademy#uxui#figma#kurs
Начнем с рассмотра главной страницы сайта asb-video.ru
Логотип компании, кнопка вызова по телефону, оператор в телеграме и кнопка меню расположились в верхней части экрана мобильного устройства.
Далее нас встречает баннер, который в будущем может превратиться в слайдер акций, скидок или нового проекта.
Ниже нас будут ждать типовые решения для дома, офиса, склада, магазина или квартиры, которые
ООО «АСБ» может предложить для вашего видеонаблюдения.
После типовых решений нас ждёт уникальное целевое действие.
Интерактивным интерфейсом мы заинтересуем посетителей сайта воспользоваться калькулятором подсчёта сметы персональной
системы видеонаблюдения.
Для этого необходимо ввести два значения с помощью клавиатуры — количество помещений и общую площать вашего объекта.
Я придумал систему просчёта количества необходимого оборудования для не сложной среднестатистической системы.
По кнопке ниже калькулятора мы перейдём к просчитанной смете
и сможем ознакомиться
с составом автоматически подобранного решения.
Внизу экрана мобильного устройства вы всегда сможете увидеть кнопки главной, каталога, калькулятора, контактов и кабинета технической поддержки.
В следующем посте мы рассмотрим меню сайта.
#asb#mobile#uxui#design#asbvideoru#homepage
www.asb-video.ru