QtitanRibbon: Qt-подобни платформени компоненти на потребителския интерфейс на лентата - въведение

Qtitanribbon Qt Like Cross Platform Ribbon Ui Components Introduction

Оригинал от http://blog.csdn.net/ifeng12358/article/details/54375848

Компонентът QtitanRibbon реализира концепцията на Microsoft Ribbon за Qt и е предназначен за всяко търговско приложение, разработено с Qt. Заедно с Qt, този компонент предоставя рядка възможност за получаване на някои приложения. Тези приложения са достъпни на трите основни глобални платформи Windows, Linux А Mac OS X има модерен външен вид и усещане.

QtitanRibbon предоставя 5 теми за крайното приложение: синьо, черно, светло зелено, сребърно и пейзажно рисуване. По-долу има няколко скрийншота с реалния ефект.

Платформа за Windows:

linux платформа:

Mac платформа:

Както можете да видите, външният вид е абсолютно еднакъв на трите платформи, което е резултат от внимателния ни дизайн. Има само една разлика по подразбиране: инициализацията на всеки потребителски интерфейс на темата на платформата е различна. Windows представлява класика, така че е синя тема. Платформата Linux винаги напомня на хакери и запалени хора, така че първоначалната й тема е черна. Mac OS X символизира мъдрост и лукс, така че темата по подразбиране е красиви снимки. По всяко време първоначалната тема на Ribbsson UI може да бъде модифицирана, независимо от платформата.

QtitanRibbon като стандарт за внедряване на Ribbon UI за Qt на Nokia

---

Внедряването на QtitanRibbon стриктно спазва стандартите и спецификациите на Microsoft и се прилага към концепцията Ribbon UI. Концепцията за потребителски интерфейс на лентата е разработена и създадена от потребителите. Така че, ако използвате QtitanRibbon, вашите потребители могат лесно да научат и бързо да стартират вашето приложение. Съставът на контролите е еквивалентен на колекция, която е описана в ръководството за потребителския интерфейс на лентата. Компонентът QtitanRibbon предоставя следните елементи:

Подробности за изпълнението на QtitanRibbon

---

Този компонент е проектиран на 100% с естествен Qt / C ++, без други инструменти и библиотеки на трети страни. Въпреки това, част от кода на всяка платформа е внедрена по различен начин, поради някои функции на Qt, но също и за подобряване на производителността на рендиране.

QtitanRibbon поддържа всички версии на Qt4.5.x, Qt4.6.x, Qt4.7.x, Qt4.8.x и Qt5.x.x.

Интегриран Qt дизайнер

---

Компонентът QtitanRibbon се интегрира лесно с Qt Designer. Това ви позволява да управлявате позицията на потребителския интерфейс на лентата в таблицата по време на изпълнение.

Характеристики на QtitanRibbon

---

Общ преглед

QtitanRibbon е набор от приспособления (контролни елементи), които могат да ви помогнат лесно и бързо да добавите потребителски интерфейс от следващо поколение към вашето приложение (вижте фигура 1). Продуктът е изцяло базиран на Qt SDK.

Използваме няколко нови метода, за да ви предоставим най-добрите и изчерпателни потребителски решения на пазара. Ето някои от най-важните му характеристики:

• Той има абсолютно същата функция като Microsoft Ribbon.

• Може лесно да се интегрира в съществуващи или нови приложения.

• Разнообразие от избори за стил, включително Office 2007, Office 2010 (синьо, сребърно, черно, светло зелено, пейзажна живопис), Office 2013 е в процес на разработка.

• Оптимизиран двигател за боядисване.

• Чист Qt код, безусловна поддръжка за Windows и Linux системи.

QtitanRibbon е написан на C ++ с помощта на Qt SDK и поддържа следните среди:

• Visual Studio 2003

• Visual Studio 2005

• Visual Studio 2008

• Visual Studio 2010

• Visual Studio 2012

• Qt Creator

• Всяка друга IDE, интегрирана с продукти на Qt

• Qt 4,5-4,8, Qt 5 (32 бита / 64 бита)

• Windows 、 Linux 、 Mac OSX

Елемент QtitanRibbon

Лента

Лентата е основният елемент на потребителския интерфейс и съдържа множество тагове. Съдържанието на всеки етикет е групирано (вижте фигура 2 и фигура 3).

Фигура 2. Основен раздел на етикета

Фигура 3. Раздел Главен раздел и активирано меню за съдържание

група

Групата ви позволява автоматично да намирате джаджи. Той също така има още една много полезна функция, която свежда до минимум лентата, независимо дали ширината се променя, и предоставя всички права за достъп до нейните функции (вижте фигура 4).

Фигура 4. Позициониране на групи въз основа на ширината на лентата

Когато групата е сведена до минимум, потребителят може да щракне с левия бутон на мишката върху групата, за да отвори изскачащ прозорец, през който да влезе в контролните елементи на групата.

Фигура 5. Елементи за контрол на достъпа на минимизираната група

Бутон на системата

Бутонът в горния ляв ъгъл може да отвори менюто на приложението (вж. Фигура 6):

MDI

QtitanRibbon поддържа MDI (интерфейс за множество документи) (вижте Фигура 7, Фигура 8).

Фигура 7. Подреждане на подпрозореца на приложението

Фигура 8. Увеличете подпрозора на приложението

Можете също да използвате MDITabs за управление на дъщерни прозорци.

Фигура 9. Използване на MDITabs

QtitanRibbon стил

поддържа следните стилове:

• Office 2007 син (вж. Фигура 10)

• Office 2007 Silver (вж. Фигура 11)

• Office 2007 черен (вж. Фигура 12)

• Office 2007 светло зелено (вижте фигура 13)

Можете да използвате стиловете, изброени по-горе в класическия изглед на потребителския интерфейс на Qt (вижте Фигура 14), така че всички стилове на Qtitan да бъдат наследени от QStyle.

Фигура 10. Office 2007 син

Фигура 11. Office 2007 сребро

Фигура 12. Office 2007 черен

Фигура 13. Office 2007 светло зелено

Можете да използвате стиловете, изброени по-горе в класическия изглед на потребителския интерфейс на Qt (вижте Фигура 14), така че всички стилове на Qtitan да бъдат наследени от QStyle.

Контролни елементи (части от формата)

Всеки контролен елемент на лентата Qtitan е разработен, за да бъде съвместим със следните изисквания:

• Контролните елементи могат да се използват в различни среди, като ленти, таблици и изскачащи менюта.

• Контролният елемент трябва да бъде прозорец, доколкото е възможно, което спестява системни ресурси и избягва редица проблеми.

• Контролните елементи трябва да имат няколко визуални презентации. Например за лентата иконата на контролния елемент може да бъде голяма или малка, а текстът по избор. Когато ширината на лентата се промени, елементите могат да се променят съответно.

бутон

Бутонът предоставя следните опции:

• Поддръжка на изскачащо меню (изскачащ режим на бутона с инструменти)

• Поддръжка на KeyTip

• Подкрепа ScreenTip

• Поддържа променлива и проверява състоянието

• Поддържа дисплей ToolButtonStyle

• Поддръжка на настройка на текст и изображение

Можете да визуализирате бутоните на лентата според техния размер и текущо състояние. Вижте фигура 15:

изскачащ бутон

Бутонът с изскачащо меню позволява на потребителя да избере операционна команда от списъка, а също така предоставя следните функции (вж. Фигура 16):

• Поддръжка на KeyTip

• Подкрепа ScreenTip

• Поддържа променлива и проверява състоянието

• Поддържа дисплей ToolButtonStyle

• Поддръжка на настройка на текст и изображение

Фигура 16. Няколко бутона с падащи менюта

Бутонът има смесена функция (вижте Фигура 17, Фигура 18) и има два работни режима - обикновен бутон и бутон с изскачащо меню. Бутонът, който позволява на потребителя да избере команда от списъка с менюта, има следните атрибути:

• Поддръжка на KeyTip

• Подкрепа ScreenTip

• Поддържа променлива и проверява състоянието

• Поддържа дисплей ToolButtonStyle

• Поддръжка на настройка на текст и изображение

Фигура 17. Опции за състоянието на бутона за разделяне

Фигура 18. Опции за състоянието на бутона за разделяне

група бутони

Можете да добавяте малки бутони към групи (вижте фигура 19).

отметки и радио бутони

Квадратните квадратчета и радио бутоните предоставят функциите на обикновените QCheckBox и QRadioButton (вж. Фигура 20):

• Може да се използва в панделки и форми

• Поддръжка на KeyTip

• Подкрепа ScreenTip

• Поддържа променлива и проверява състоянието

комбинирана кутия

ComboBox има всички функции на обикновения QComboBox (вж. Фигура 21):

• Може да се използва за лента и форми

• Поддръжка на KeyTip

• Подкрепа ScreenTip

• Поддръжка на изменяемо състояние

• Текстово поле за поддръжка

плъзгач

Елементът за управление на плъзгача позволява на потребителя да променя стойността в рамките на зададен диапазон:

• Може да се използва за лента и форми

• Поддържа състояние на променлива (виж фигура 22, фигура 23)

Фигура 22. Използвайте компонента Slider в групата на лентата

Фигура 23. Използвайте компонента Slider в лентата на състоянието

SpinBox (нарастване и спадане на стойността)

SpinBox позволява на потребителя да променя стойността си и има два бутона: бутон за увеличаване и бутон за намаляване. Този компонент осигурява следните функции:

• Може да се използва за лента и форми

• Поддръжка на KeyTip

• Подкрепа ScreenTip

• Поддръжка на изменяемо състояние

• Текстово поле за поддръжка

Фигура 24. SpinBox в лентата Qtitan

плъзгач

Според избраната в момента тема, лентата и таблицата могат да се превъртат хоризонтално и вертикално.

Фигура 25. Хоризонтално превъртане и вертикално превъртане

етикет

Въпреки че всички контролни елементи поддържат собствен текст, в някои случаи е по-удобно да се използват тагове. Неговите функции са следните:

• Може да се използва за лента и форми

• Поддръжка за показване на текст и изображения (вж. Фигура 26)

Фигура 26. Използвайте етикет за показване на текст и изображения

Контрол в раздела

Общият контролен елемент QTabBar се дефинира от избраната тема.

Фигура 27. TabControl в QtitanRibbon

Лента за състоянието

Появата на стандартната лента на състоянието (QStatusBar) също зависи от избраната в момента тема.
Можете също да използвате следните елементи за управление в лентата на състоянието:

• Натисни бутона

• Бутон за превключване

• лента за напредъка

• Плъзгач

• етикет

Фигура 28. StatusBar в QtitanRibbon