Awesome

Tabs

QML module for adding tab bars to Sailfish apps

This module provides an easy way to add tab bars to apps.

Status

The module is usable but it is not yet documented. All options can be seen in the examples, though.

Silica's PushUpMenu (bottom menu) is not yet properly supported with bottom-aligned tabs. PullDownMenu (top menu) is fully supported.

Usage

import QtQuick 2.0
import Sailfish.Silica 1.0
import Opal.Tabs 1.0

Page {
    id: root
    allowedOrientations: S.Orientation.All

    TabView {
        anchors.fill: parent
        tabBarPosition: Qt.AlignBottom

        Tab {
            title: qsTr("Alarms")

            Component {
                TabItem {
                    flickable: flick

                    SilicaFlickable {
                        id: flick
                        anchors.fill: parent

                        // ...
                    }
                }
            }
        }

        Tab {
            title: qsTr("Stopwatch")

            Component {
                TabItem {
                    // ...
                }
            }
        }
    }
}

Screenshots

Screenshots can be found in the doc directory.

1.	2.	3.
<img src="./doc/screenshot-01.webp" width="600" />	<img src="./doc/screenshot-02.webp" width="600" />	<img src="./doc/screenshot-03.webp" width="600" />

How to use

You do not need to clone this repository if you only intend to use the module in another project. Simply download the latest release bundle from the "Releases" page.

Setup

Follow the main documentation for installing Opal modules here.

Configuration

See doc/gallery.qml for an example. Read the file to get started.

Documentation

Documentation is included in the release bundle and can be added to QtCreator via Extras → Settings → Help → Documentation → Add.

Translations

To use packaged translations in your project, follow the main documentation for using Opal modules here.

You can also contribute translations. If an app uses Opal modules, consider updating its translations at the source (i.e. here), so that all Opal users can benefit from it. Translations are managed using Weblate.

Please prefer Weblate over pull requests (which are still welcome, of course). If you just found a minor problem, you can also leave a comment in the forum or open an issue.

Please include the following details:

the language you were using
where you found the error
the incorrect text
the correct translation

See the Qt documentation for details on how to translate date formats to your local format.

License

Copyright (C)  Mirian Margiani
Program: opal-tabbar

Based on Sailfish Silica components with copyright (c) by Jolla and
Open Mobile Platform, originally licensed under BSD-3-Clause.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.