Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 3

    NEWS

    • [erledigt] 15. 05. Wartungsarbeiten am ioBroker Forum

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Einfach mal zeigen will….. :-) - Teil 3

    This topic has been deleted. Only users with topic management privileges can see it.
    • K
      Kallo last edited by

      Das gefällt mir sehr. Ich habe mich daher einfach mal bei euch beiden schamlos bedient.. 😁

      3e4f10f1-7850-45c3-8788-b83bf17c9926-grafik.png

      P 2 Replies Last reply Reply Quote 1
      • P
        PatrickFro @Kallo last edited by

        @kallo Wow, das blau ist echt eine super Idee. Gefällt mir sehr gut. Da meine VIS meiner besseren Hälfte zu wenig Farben enthält, kupfere ich vielleicht noch etwas ab 😉

        1 Reply Last reply Reply Quote 0
        • P
          PatrickFro @Kallo last edited by

          @kallo Welche Schriftart ist die von Dir genutzte? Gefällt mir gerade deutlich besser als meine 😉

          K 1 Reply Last reply Reply Quote 0
          • K
            Kallo @PatrickFro last edited by

            @patrickfro Als Hilfe zum Abkupfern.. 😁 😉

            Ich habe folgende Farben und Fonts verwendet:

            Hintergrund: #2672EC
            rechter Block: #569CE3, Opacity 0.3
            linker Block: #1B58B8, Opacitiy 0.7
            Hintergrund der Info-Kästen: #000000, Opacity 0.3
            Schriftart: Jura-Medium, xx-large
            Die Trennstriche im linken Block sind 2px hohe Linien in #2672EC

            1 Reply Last reply Reply Quote 0
            • P
              PatrickFro last edited by

              @kallo Hehe, danke. So detalliert meinte ich es nicht mit Abkupfern 😉 😉 Ocupacy hat mir aber geholfen, damit habe ich noch nicht wirklich gearbeitet.

              K 1 Reply Last reply Reply Quote 0
              • K
                Kallo @PatrickFro last edited by

                @patrickfro Egal, lieber zuviel als zuwenig. Wenn es jemandem nützt hat er dann gleich alles. 😉

                M 1 Reply Last reply Reply Quote 1
                • M
                  MartyBr @Kallo last edited by

                  @kallo
                  Deine View ist wirklich gut gelungen. Gratulation!
                  Sie ist auf das wesentliche beschränkt und nicht überfrachtet. Sie gefällt mir sehr gut.
                  Wärst du bereit, die View zu teilen? Ich würde mich freuen.
                  Gruß
                  Martin

                  K 1 Reply Last reply Reply Quote 0
                  • K
                    Kallo @MartyBr last edited by

                    @MartyBr

                    Danke! 😊 🍻

                    Klar, kein Problem, anbei der Code. Ich habe noch eine Ergänzung gemacht, tippt man auf die Regen-Anzeige unten rechts öffnet sich mittels dem "View in Widget"-Widget ein neuer (Teil-)View mit einer detaillierteren Steuerung meines Flur-Lichtes.

                    093a809c-e8e1-48a4-8ecf-394251cf7fec-grafik.png

                    adc4a786-1069-464f-a634-724f46e602cb-grafik.png

                    iobroker View 011_Flur_3.rtf

                    M 1 Reply Last reply Reply Quote 0
                    • M
                      MartyBr @Kallo last edited by

                      @kallo
                      Vielen Dank 👏
                      Ich werde die View mal installieren. Werden dafür bestimmte Adapter vorausgesetzt ?

                      K 1 Reply Last reply Reply Quote 0
                      • K
                        Kallo @MartyBr last edited by

                        @martybr

                        Das Wetter ist mit dem daswetter-Adapter umgesetzt, das ist aber nur das eine Wetter-Icon links neben der Uhrzeit. Dazu noch Pollenflug. Der Rest sind Abfragen/Änderungen von Object States, die musst du ohnehin an dein System anpassen. Ich nutze für Lichter und Sensoren Broadlink- Hue- und Deconz-Adapter.

                        M 1 Reply Last reply Reply Quote 0
                        • M
                          MartyBr @Kallo last edited by

                          @kallo
                          Okay. Wie schaltest du die View? Setzt du auf die linke Navigation noch Widgets zum View-Wechsel?

                          K 1 Reply Last reply Reply Quote 0
                          • K
                            Kallo @MartyBr last edited by

                            @martybr Ja, genau. Ich lege unsichtbare (opacity = 0) Schaltflächen drüber, hab ich bei den ganzen Schaltflächen auch so gemacht. Ich nutze die "Tile Navigation" der Metro Widgets.

                            M N 2 Replies Last reply Reply Quote 0
                            • M
                              MartyBr @Kallo last edited by

                              @kallo
                              Das werde ich mal probieren. Ich finde dein "Projekt" absolut übersichtlich. In dr Beschränkung auf das notwendige gewinnt die Übersichtlichkeit. Meine bisherige VIS liefert viele Informationen. Mein größtes Problem ist, die vielen Views zu Themen zusammenzufassen.
                              Z.B. Haus (Licht, Temp., Fenster, Rollläden), Wetter (Wetterstation, Vorhersage, Bio-Wetter und Pollen), Garten (Bodenfeuchtigkeit, Bewässerung, Rasen-Robby, Beleuchtung) etc.
                              Daneben noch Alarmanlage, Haushalt (Blumen gießen) und zentrale Terminkalender (Termine und Geburtstage).
                              Ich habe daher mit vielen Navigations-Systemen experimentiert. Aktuell läuft das System mit "material Design - Top bar".

                              Zur Corona Zeit bleibt ja viel Zeit für solche Arbeiten 😀

                              Gruß
                              Martin

                              K 1 Reply Last reply Reply Quote 0
                              • K
                                Kallo @MartyBr last edited by Kallo

                                @martybr Das Problem kenne ich. Bei mir fallen zwar Garten, Rollläden und Alarmanlage mangels Existenz weg, aber ich hatte bisher auch immer Views in denen ich mich irgendwann mit zu vielen Informationen verzettelt hatte und die dann dementsprechend überladen und unübersichtlich wurden. Daher nun auf das wichtigste reduziert, für Details kann man dann in die speziellen views navigieren.

                                Für Alarme und Meldungen kann man ja immer noch individuelle Einblendungen machen. Ich überwache z.B. die Akkustände der Sensoren mittels eines Skriptes, sinkt ein Wert unter 10% wird ein State auf true gesetzt. Dann gibts eine entsprechende Einblendung (ist hier noch nicht umgesetzt). So bekomme ich die wichtigsten Warnungen trotzdem angezeigt, ist alles paletti gibts dafür aber keine Anzeige (denn das sollte der Normalzustand sein).

                                Gruß zurück,
                                Timo

                                M 1 Reply Last reply Reply Quote 0
                                • M
                                  MartyBr @Kallo last edited by

                                  @kallo Ich werde mich mal dadurch "kämpfen". Der Weg ist das Ziel.
                                  Darf ich dich mal um Hilfe bitten, wenn ich auf Probleme stoße?
                                  Keine Angst, das wird nicht so schnell kommen, da wir im Juni verreissen werden.
                                  Gruß Martin

                                  K 1 Reply Last reply Reply Quote 0
                                  • K
                                    Kallo @MartyBr last edited by

                                    @martybr Logo, kein Problem. Aber das ist easy, da ist nix komplexes drin.

                                    1 Reply Last reply Reply Quote 1
                                    • N
                                      nousefor82 @Kallo last edited by nousefor82

                                      @kallo sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                                      @martybr Ja, genau. Ich lege unsichtbare (opacity = 0) Schaltflächen drüber, hab ich bei den ganzen Schaltflächen auch so gemacht. Ich nutze die "Tile Navigation" der Metro Widgets.

                                      Du kannst die Inhalte auch mit Hilfe von bindings abhängig von einem state anzeigen lassen.

                                      M 1 Reply Last reply Reply Quote 0
                                      • M
                                        MartyBr @nousefor82 last edited by

                                        @nousefor82
                                        Ich probiere das gerade aus. Ich habe mir ein neues Projekt in VIS angelegt und kopiere da mal einige Seiten aus meiner bestehenden VIS.
                                        Jetzt plane ich mal die zentrale Startseite mit deiner VIS.
                                        Der Start ist ja immer am schwierigsten. Was nehme ich da rein, welche Infos benötige ich auf der Startseite, welche auf die Unterseiten.
                                        Aktuell Wetter für heute und die Kalender. In der alten habe ich noch Status-Infos (Alarm, Türen, Fenster, Licht, Anrufer).
                                        Da muss ich mir noch Gedanken machen. Ich hoffe, dass in in einigen Wochen meine "Variation" zeigen kann.

                                        P.S.
                                        Wie sieht denn beispielhaft ein Binding aus? Ich kenne das nur, wenn ich Infos aus DPs in Felder übertrage.

                                        Gruß
                                        Martin

                                        N 1 Reply Last reply Reply Quote 0
                                        • N
                                          nousefor82 @MartyBr last edited by

                                          @martybr

                                          Hi,

                                          wenn du in meinen Thread schaust, da habe ich die Navigation erklärt, die Datenpunkte beschrieben und man sieht meinen Startscreen.

                                          Ein binding kann zum Beispiel so aussehen:

                                          
                                          {wert:0_userdata.0.VIS.CoronaGrafik.Zeitraum; wert=="7 days"? "#14ffdd": "transparent"}
                                          
                                          

                                          Wenn der Wert 7 days entsprich, dann wird der Rahmen gelb, ansonsten transparent.

                                          Musst mal bissl rumprobieren!

                                          M 1 Reply Last reply Reply Quote 0
                                          • M
                                            MartyBr @nousefor82 last edited by

                                            @nousefor82
                                            okay, verstanden. Ich probiere das aus. Ich arbeite auch viel mit Farben. Da sieht man auf einem Blick, was "Okay" ist oder was Aufmerksamkeit erfordert.
                                            Gruß
                                            Martin

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            367
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            vis vis editor visualisierung visualization
                                            155
                                            813
                                            245137
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo