Online Android og iPhone Applikations Editor på dansk

Din profil
Log ud
Online Android og iPhone Applikations Editor på engelsk
Online Android og iPhone Applikations Editor på fransk
Online Android og iPhone Applikations Editor på kinesisk
Online Android og iPhone Applikations Editor på dansk
Online Android og iPhone Applikations Editor på svensk
alt_image_de_flag
Make me Droid

Annonce
Brugerdefineret layoutguide
Med brugerdefineret layout menuen kan du placere forskellige elementer (elementerne) lige på den måde du ønsker det..

At lave denne slags layout er ikke så svært, men nogle nyttige begreber er forklaret til dig nedenfor så du får en god start.
Tilpassede layoutkoncepter
Mobile enheder har forskellige størrelser (og opløsninger). Layoutet er derfor nødt til at tilpasse sig disse begrænsninger. Dette er grunden til de vigtigste begreber for at tilpasse layoutet på dine brugerdefinerede skærme omhandler stabling af elementer, vandret og lodret. Du behøver ikke placere elementer på en nøjagtig position af skærmen.

Stablede elementer tilpasser deres størrelse efter deres indhold, men også afhængigt af den tilgængelige plads til dem (der er begrænset plads til bredden / højden af ​​en skærm, så du vil aldrig være i stand til f.eks at stable 20 knapper vandret ved siden af hinanden, fordi der ikke er plads nok).

Nogle kontrolelementer, der anvendes under skærmlayout kaldes containere Det betyder, at de er i stand til at indeholde andre elementer. For eksempel kan den vertikale container, lade dig vertikalt stable flere elementer, den ene efter den anden. Denne vertikale container har ingen grafisk repræsentation, det er kun til at styre layout af andre elementer på skærmen. Derefter kan man kombinere flere containere lodret, vandret, med scroller, for at opnå det forventede layout.
Kontrolegenskaberne
Hver kontrol har egenskaber, som faktisk er værdier, som du kan redigere for at ændre kontrollens farve, størrelse, placering, tilpasning ...

Hvis du vil se kontrol egenskaber, skal du blot klikke på det. Egenskaber vises ved siden af designeren. De fleste af egenskaberne er ganske udtrykkelige, og ændring af dem giver ofte et visuelt resultat på skærmen.
Tilføje, fjerne og flytte elementer
Når du begynder at redigere en brugerdefineret layoutskærm, så er skærmen tom. Du er nødt til at føje en container, som det første. Oftest, så er det at tilføje en vertikal scroller en god måde at starte, for at være i stand til at stable andre elementer lodret, og samtidig være i stand til at scrolle på skærmen såfremt det er højere end skærmbilledet.

For at tilføje et nyt element på skærmen, skal du markere containeren hvor du ønsker at tilføje noget. Hvis du starter fra et tomt skærmbillede, skal du klikke på det centrale område. Brugerdefineret layout egenskaber vil derefter vises. Klik på knappen, og en liste over kontroller vises. Vælg det element, du vil tilføje, og det vil blive integreret til dit nuværende layout.

For at slette et element, vælg den, og klik på knappen i dens egenskaber.

For at kopiere et element, skal du først vælge det på skærmen, og klik derefter på knappen i dets egenskaber for at kopiere det (svarer til en grundlæggende copy/paste). Dernæst skal du vælge en container, hvor du vil indsætte elementet, og klik på i dets egenskaber.

For at flytte et element, Klik på det og holde musen nede, og derefter flytte den, hvor du vil. Elementer på skærmen bliver automatisk reorganiseret. Slip museknappen, når dit element er på den ønskede plads.
Layout eksempel
Her er et detaljeret eksempel på hvordan du laver følgende layout, som vil tilpasse sig til enhver skærmstørrelse:
  • Opret en brugerdefineret layoutskærm.
  • Klik på midten af skærmen for at vise Tom side egenskaber.
  • Tilføj en vertikal scroller.
  • Vælg den vertikale scroller og tilføj en horizontal container i den.
  • Vælg den horizontal container, og dets egenskaber, dets bredde skal indstilles til 100%.
  • Tilføj så et billede element i den. Vælg billedelementet og vælg en kilde til billedet. Aktiver knappen for at tvinge billedet til ikke at udvide sig på hele skærmen. Definer billedebredde til 20%. Det vil gøre dine billeder altid har samme størrelse, uanset hvilken størrelse billedet egentlig har, som du har valgt på din computer.
  • Vælg horizontal container igen, derefter tilføje en vertikal container (ikke en scroller) ind i det.
  • Vælg horizontal container igen og tilføje en knap ind i den. Aktiver the knappen i knap egenskaber.
  • Vælg vertikal container og derefter tilføj 2 tekst kontrolelementer ind i det. Rediger egenskaber for den første tekst kontrol for at øge tekst størrelse, og for at få en hvid farve. For hver tekst kontrol, kan du redigere placering til for at gøre det venstrejusteret inden for dens container.

Din første applikations indretning er overstået, nu er tid til at prøve det på telefonen / simulator!