UI Component Gallery
The showcase of the Aurora OS UI components. Both Silica demos and best practices for more complex custom components.
Build status:
- example -
- dev -
Components
Controls
Buttons ButtonPage.qml
List box ComboBoxPage.qml
List and menu ListPage.qml
Grid and menu GridPage.qml
Slider SliderPage.qml
Progress Indicators ProgressPage.qml
Notifications in the application NoticePage.qml
Popup menu PopupMenuPage.qml
AppBar AppBarPage.qml
Text
Formatting FormatterPage.qml
Labels LabelPage.qml
Text Input TextInputPage.qml
Sign in to an account SignInDialog.qml
Example form FormDialog.qml
View
CoverPage CoverPage.qml
SampleCoverPage SampleCoverPage.qml
Dialogs DialogPage.qml
Orientation OrientationPage.qml
Page Stack PageStackPage.qml
Touch Hints InteractionHintPage.qml
Split view SplitViewPage.qml
Panels and sections PanelPage.qml
WebView WebViewPage.qml
Styling and Effects
Effects EffectPage.qml
Haptic Link HapticPage.qml
Smoothly fade into transparency OpacityRampPage.qml
Font FontPage.qml
Palette PalettePage.qml
Example
Search SearchPage.qml
Screen Cuts: Debug Page CutoutDebugPage.qml
Forms: declarative switches DeclarativeRadioButtonsPage.qml
Forms: radio buttons with model RadioButtonsModelPage.qml
ListView with ticker ListViewWithRunningLinePage.qml
Terms of Use and Participation
The source code of the project is provided under the license, which allows its use in third-party applications.
The contributor agreement documents the rights granted by contributors of the Open Mobile Platform.
Information about the contributors is specified in the AUTHORS file.
Code of conduct is a current set of rules of the Open Mobile Platform which informs you how we expect the members of the community will interact while contributing and communicating.
Project Structure
The project has a standard standard of an application based on C++ and QML for Aurora OS.
- ru.auroraos.UiComponentGallery.pro file describes the project structure for the qmake build system.
- icons directory contains the application icons for different screen resolutions.
-
qml directory contains the QML source code and the UI resources.
- components directory contains the custom QML components.
- cover directory contains the application cover implementations.
- icons directory contains the additional custom UI icons.
- pages directory contains the application pages.
- UiComponentGallery.qml file provides the application window implementation.
-
rpm directory contains the rpm-package build settings.
- ru.auroraos.UiComponentGallery.spec file is used by rpmbuild tool.
-
src directory contains the C++ source code.
- main.cpp file is the application entry point.
- selectgroupmodel.h file contains the declaration of the selectgroup model.
- selectgroupmodel.cpp file contains the definition of the selectgroup model.
- translations directory contains the UI translation files.
- ru.auroraos.UiComponentGallery.desktop file defines the display and parameters for launching the application.
Compatibility
The project is compatible with all the current versions of the Aurora OS.
UI Tests
This project is used as an example of automated UI testing with qtium-driver. For more details, see UiComponentGalleryTestExample project.
Screenshots
