Qt

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:



QtitanRibbon QT лента

linux платформа:

QtitanRibbon QT лента



Mac платформа:

QtitanRibbon QT лента

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

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


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

QtitanRibbon QT лента

QtitanRibbon QT лента

QtitanRibbon QT лента

Подробности за изпълнението на 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.

QtitanRibbon QT лента

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

  • Той има абсолютно същата функция като 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).

QtitanRibbon QT лента

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

QtitanRibbon QT лента

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

група

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

QtitanRibbon QT лента

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

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

QtitanRibbon QT лента

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

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

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

QtitanRibbon QT лента

MDI

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

QtitanRibbon QT лента

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

QtitanRibbon QT лента

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

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

QtitanRibbon QT лента

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

QtitanRibbon стил

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

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

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

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

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

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

QtitanRibbon QT лента

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

QtitanRibbon QT лента

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

QtitanRibbon QT лента

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

QtitanRibbon QT лента

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

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

QtitanRibbon QT лента

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

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

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

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

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

бутон

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

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

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

  • Подкрепа ScreenTip

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

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

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

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

QtitanRibbon QT лента

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

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

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

  • Подкрепа ScreenTip

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

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

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

QtitanRibbon QT лента

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

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

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

  • Подкрепа ScreenTip

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

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

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

QtitanRibbon QT лента

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

QtitanRibbon QT лента

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

група бутони

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

QtitanRibbon QT лента

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

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

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

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

  • Подкрепа ScreenTip

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

QtitanRibbon QT лента

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

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

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

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

  • Подкрепа ScreenTip

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

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

QtitanRibbon QT лента

плъзгач

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

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

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

QtitanRibbon QT лента

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

QtitanRibbon QT лента

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

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

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

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

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

  • Подкрепа ScreenTip

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

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

QtitanRibbon QT лента

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

плъзгач

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

QtitanRibbon QT лента

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

етикет

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

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

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

QtitanRibbon QT лента

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

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

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

QtitanRibbon QT лента

Фигура 27. TabControl в QtitanRibbon

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

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

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

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

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

  • Плъзгач

  • етикет

QtitanRibbon QT лента

Фигура 28. StatusBar в QtitanRibbon