Bild-widget

Bild-widgeten visar en enskild bild på en sida — antingen från filarkivet eller från en extern URL. Använd den för att lägga till banners, logotyper, illustrationer eller bilder som följer med innehåll.

När du ska använda detta

• Du vill lägga till en specifik bild på en sida
• Bilden ska kunna öppnas i fullskärmsläge för bättre visning
• Du vill att bilden ska vara cirkulär eller ha rundade hörn — exempelvis profilbild eller avatar
• Bilden hämtas från en extern URL och ska eventuellt cachas i appen

Hur det fungerar

Widgeten visar en bild som du antingen väljer från Filer-pluginens filarkiv eller pekar mot via en URL. Du kan justera bildens storlek, position på sidan och hur den ska beskäras (cirkel eller rundad). En valfri fullskärmsväxel låter användaren öppna bilden i en större vy vid klick.

Lägg till en bild

1. Aktivera Filer-pluginen i appletens Plugin-inställningar.
2. Öppna Designredigeraren för din applet.
3. Lägg till widgeten Bild på sidan.
4. Öppna widgetens inställningar.
5. Välj Importera från — Filer eller URL.
6. Välj bilden eller ange URL:en.
7. Justera storlek, beskärning, position och fullskärmsläge efter behov.
8. Spara ändringarna.

Inställningar i widgeten

Källa

Inställning	Beskrivning
Importera från	Välj Filer för att hämta från filarkivet eller URL för en extern adress.
Välj bild	Öppnar filväljaren mot filarkivet. Visas när källan är Filer.
Ange URL	Direktadressen till bilden. Visas när källan är URL.
Tillåt cachning	När den är på lagras bilden i appen efter första hämtningen — snabbare laddning och fungerar offline. Visas bara för URL-källor.

Storlek

Inställning	Beskrivning
Justera storlek	Slå på för att skala bilden.
Storlek	Procentvärde 10–100 i steg om 5. Bilden skalas i förhållande till sidans bredd. Visas när Justera storlek är på.

Beskärning

Inställning	Beskrivning
Cirkulär	Beskär bilden till en cirkel — bra för avatarer och profilbilder.
Rundad	Rundar hörnen utan att klippa till en cirkel.

TIPS

Cirkulär och Rundad kan inte vara på samtidigt. När den ena är aktiv låses den andra.

Position

Justera horisontell placering av bilden på sidan med segmentkontrollen — Vänster, Centrerad eller Höger.

Övrigt

Inställning	Beskrivning
Tillåt öppna i fullskärm	När den är på kan användaren klicka på bilden för att öppna den i en zoombar fullskärmsvy.

Exempel

Scenario: Du vill lägga till en logotyp högst upp på startsidan, centrerat och i halv bredd, utan möjlighet att öppna i fullskärm.

1. Lägg till en Bild-widget överst på startsidan.
2. Sätt Importera från till Filer och välj logo.png från filarkivet.
3. Slå på Justera storlek och dra reglaget till 50%.
4. Sätt Position till Centrerad.
5. Lämna Tillåt öppna i fullskärm av — logotypen ska inte vara klickbar.
6. Spara.

Tips

TIPS

För profilbilder och avatarer, kombinera Cirkulär med en kvadratisk källbild — då blir resultatet en perfekt cirkel utan oönskad beskärning.

TIPS

Slå på Tillåt cachning för URL-bilder som inte ändras ofta. Det minskar antalet nätverksanrop och gör appen snabbare.

Vanliga misstag

VARNING

Om bilden är borttagen från filarkivet visas den inte i widgeten. Uppdatera widgeten med en ny bild när du städar i filarkivet.

VARNING

Tillåt cachning gäller bara URL-källor. För bilder från filarkivet hanteras cachning automatiskt av AppStudio.