FHEM Forum

FHEM => Frontends => FhemNative => Thema gestartet von: MadAlex am 30 September 2019, 11:34:52

Titel: Benutzeroberflächen Showcase
Beitrag von: MadAlex am 30 September 2019, 11:34:52
auf Wunsch hier mal Screens von meiner noch NICHT fertigen Version   .
Ich hoffe das klappt mit den Bildern...

Hat jemand schon mal readingsGroup eingebunden ? Oder Geht das nur einzeln pro Device ?
Interesannt für z.b Batterie Status  ...
CallList der Fritzbox ?

Das Abschalten der Meldungen durch die Toast-Message hat logischer weise auch geklappt (das hatte ich nicht geschnallt).
Titel: Antw:FhemNative Benutzeroberflächen Showcase
Beitrag von: renardfm am 31 Oktober 2019, 14:55:45
Ich zeig auch mal zwei drei Screens.. hat jetzt so 1-2h gedauert. Sehr schön bedienbar
Titel: Antw:FhemNative Benutzeroberflächen Showcase
Beitrag von: Syrex-o am 12 November 2019, 14:25:17
Hier mal ein Beispiel, dass man mit den neuen Linien-Optionen auch Grundrisse zeichnen kann.

Beste Grüße
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: rakete123 am 25 November 2019, 21:21:00
Zitat von: renardfm am 31 Oktober 2019, 14:55:45
Ich zeig auch mal zwei drei Screens.. hat jetzt so 1-2h gedauert. Sehr schön bedienbar

Wie hast du denn diesen Seitenswitcher im unteren Teil gemacht?
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: Syrex-o am 26 November 2019, 07:26:08
Zitat von: rakete123 am 25 November 2019, 21:21:00
Wie hast du denn diesen Seitenswitcher im unteren Teil gemacht?

Hey,

Das ist ein Swiper. Den kannst du mit anderen Komponenten füllen und aussuchen, wie viele Seiten der haben soll.

Beste Grüße
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: sinus61 am 19 Januar 2020, 16:14:20
Ich hatte gerade überlegt eine Windrichtungsanzeige auf die Wishlist zu setzen, aber dann eine mit dem Circle Slider gebaut.
Wenn man den unteren Winkel auf 1 setzt, dann Min auf 180 und Max auf 540 ist der Nullwert nach oben verschoben, dann noch den Hintergrund angepasst und fertig. Noch zwei Label draufgesetzt für die Kürzel und Geschwindigkeit.
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: grossmaggul am 21 Januar 2020, 19:08:16
Ich habe mal versucht einen Player für Squeezebox zu basteln, da funktioniert schon einiges, aber leider noch nicht alles (oder ich habe es nicht hinbekommen:-().

Was funktioniert:

- Playercontrols (Play, Pause, Stop, Next, Prev)
- Shuffle und Repeat (in Ermangelung von passenden Icons als Switches) (man müsste die Möglichkeit haben drei Zustände zu erfassen)
- Volume
- Playlist auswählen
- Cover anzeigen
- Fortschrittsanzeige (eingeschränkt, da man bei "Max Wert" nicht das Reading duration aus dem Squeezeboxplayer einsetzen kann.
- Mittels der Fortschrittsanzeige im Stück navigieren
- Anzeige der Trackanzahl der Playlist und aktueller Track

Was funktioniert (noch) nicht:
- Dauer und laufende Uhrzeit anzeigen
- Titel aus der Medialist lassen sich nicht auswählen(man kann zwar einen Titel auswählen, aber es wird dann immer wieder der gerade aktive Track abgespielt)
- aktiver Titel wird in der Medialist nicht angezeigt
- Es können zwar auch Genre-, Künstler- und Albumlisten erstellt werden, aber die "Menüpunkte" lassen sich nicht auswählen. In Tabletui wird da ein "ftuicmd" vorangestellt, keine Ahnung wie man das in FhemNative nachbildet.

So, ich hoffe, ich habe nix vergessen.

gm
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: Syrex-o am 22 Januar 2020, 15:21:25
Zitat von: grossmaggul am 21 Januar 2020, 19:08:16
Ich habe mal versucht einen Player für Squeezebox zu basteln, da funktioniert schon einiges, aber leider noch nicht alles (oder ich habe es nicht hinbekommen:-().

Was funktioniert:

- Playercontrols (Play, Pause, Stop, Next, Prev)
- Shuffle und Repeat (in Ermangelung von passenden Icons als Switches) (man müsste die Möglichkeit haben drei Zustände zu erfassen)
- Volume
- Playlist auswählen
- Cover anzeigen
- Fortschrittsanzeige (eingeschränkt, da man bei "Max Wert" nicht das Reading duration aus dem Squeezeboxplayer einsetzen kann.
- Mittels der Fortschrittsanzeige im Stück navigieren
- Anzeige der Trackanzahl der Playlist und aktueller Track

Was funktioniert (noch) nicht:
- Dauer und laufende Uhrzeit anzeigen
- Titel aus der Medialist lassen sich nicht auswählen(man kann zwar einen Titel auswählen, aber es wird dann immer wieder der gerade aktive Track abgespielt)
- aktiver Titel wird in der Medialist nicht angezeigt
- Es können zwar auch Genre-, Künstler- und Albumlisten erstellt werden, aber die "Menüpunkte" lassen sich nicht auswählen. In Tabletui wird da ein "ftuicmd" vorangestellt, keine Ahnung wie man das in FhemNative nachbildet.

So, ich hoffe, ich habe nix vergessen.

gm

Hey,

Cool, dass du das getestet hast.
Um auf deine Punkte einzugehen:

Fragen:

Beste Grüße
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: grossmaggul am 22 Januar 2020, 22:46:10
ZitatShuffle und Repeat kommen in nächsten Update
Titel sollten auswählbar sein. Wird gefixt
Multistatebutton Kommt als eigene Komponente
Schön daß Du Dich um die Dinge kümmerst!

ZitatWarum geht keine Anzeige der Dauer/Laufzeit?
Die geht schon, da aber Squeezebox die Laufzeit in Sekunden angibt müsste man das irgendwie auf Minuten umrechnen können.
Bei TabletUI macht man das mit einer data-substitution="toMinFromSec()", was da aber genau hinter steckt kann ich Dir leider nicht sagen.

ZitatWas ist das Reading für den aktuellen Titel?
"currentTitle" und "currentArtist"

ZitatKannst du das etwas näher erläutern?
Ich wünschte, ich könnte das, ich kann Dir nur zeigen, wie das bei TabletUI umgesetzt wird.

<div data-type="select"
                data-device="wz.krachnase_air"
                data-list="ftuiGenresList"
                data-alias="ftuiGenresAlias"
                data-set="ftuicmd genre"
                data-get="ftuicmd genre"
                data-delimiter=":"
                class="tiny w1x">
           </div>


Weiß nicht, ob Dir das weiterhilft.

gm



Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: Aladin222 am 03 Februar 2020, 03:33:24
Meine ersten Versuche :

Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: Syrex-o am 29 April 2020, 21:24:47
Hallo,

Hat schon jemand ein paar coole Oberflächen mit den neuen Neumorph Komponenten erstellt?

Hier ist irgendwie wenig los  ;)

Beste Grüße
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: ak323 am 12 Oktober 2020, 23:52:04
Hier gibt es Inspirationen...  https://www.pinterest.de/zilnys/neumorphic-ui/ (https://www.pinterest.de/zilnys/neumorphic-ui/)

Wäre schon schön, wenn jemand mal ein Projekt für eine adäquate FHEM Oberfläche starten würde ...
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: Syrex-o am 13 Oktober 2020, 18:17:16
Zitat von: ak323 am 12 Oktober 2020, 23:52:04
Hier gibt es Inspirationen...  https://www.pinterest.de/zilnys/neumorphic-ui/ (https://www.pinterest.de/zilnys/neumorphic-ui/)

Wäre schon schön, wenn jemand mal ein Projekt für eine adäquate FHEM Oberfläche starten würde ...

Neumorrph Komponenten gibt es doch in Fhemnative. Verstehe den Link nicht ganz, oder dient er nur für weitere Inspiration?
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: ak323 am 14 Oktober 2020, 14:34:50
Letzteres ...
Muss ich mich wohl mal mit Fhemnative beschäftigen...
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: Haecksler am 26 Oktober 2020, 18:54:31
Hier meine ersten zwei Seiten für mein Handy...

Klappt schon ganz gut.

Allerdings habe ich mit dem Time Picker bei der Stunden-Einstellung Probleme. Der springt immer auf 00 und lässt sich nicht richtig einstellen.
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: Syrex-o am 26 Oktober 2020, 19:53:58
Zitat von: Haecksler am 26 Oktober 2020, 18:54:31
Hier meine ersten zwei Seiten für mein Handy...

Klappt schon ganz gut.

Allerdings habe ich mit dem Time Picker bei der Stunden-Einstellung Probleme. Der springt immer auf 00 und lässt sich nicht richtig einstellen.
Sieht super aus.
Ja, der Ionic timepicker ist echt eine Zicke. Ich suche schon eine Weile, wie ich das besser machen kann  ::)
Titel: Antw:Benutzeroberflächen Showcase
Beitrag von: Haecksler am 26 Oktober 2020, 19:59:05
Ja ist echt etwas nervig...ist das nur auf Android so?
Planst du noch ein Attribut für die Labelgröße und Farbe?

Weiterhin wäre es geil wenn man beim swiper Widget per fhem reading die Startseite wählen könnte...

Aber echt klasse Arbeit soweit!