Hvordan ændrer man iconet på sin app.

Har du lavet en app, vil man også gerne have en flot icon på appen – istedet for den lille grønne standard Android icon.

Det letteste er at overskrive standard icon i den app, du er i gang med.

Vælg i Android Studio “App”-“Res”-“mipmap”-“new”-“Image asset”
Man kommer nu ind og kan se standard icon på appen.

Vigtigt her er “Path” det er stien til iconet. Vi vælger nu et andet biled som vi vil bruge som icon til vores app. Og bruger Resize knappen til at tilpasse størrelsen af iconet.

Jeg har altid været mest heldig med at skrive stien, i stedet for at vælge et biled.

Tryk “next” næst og følgende kommer frem med advarsler på. Det skal vi dog ignorere da vi vil overskrive standard iconet, så det er ok.

Tryk “Finish” færdig og appen har nu en ny icon.
Man kan let tjekke iconet ved at åbne den første png fil under ic_launcer med et dobbelt klick.

På den måde for man lavet iconer i alle størrelser. Og det vil passe til alle telefoner. Iconet bliver lavet i en firkantet version og i en rund version helt automatisk.

Ændre et billedet på skærmen med en knap.

Vi start med en tom skabelon.

Vi starter med at slette “Hello world”.
Tilføj en knap og hæng den op øverst,venstre og højre. Giv den et navn bn_skiftbiled “ID”.
Vi markerer 2 billeder “kopi” og tilføjer dem under “res/drawable” med past.
Tilføj de 2 billeder vi skal bruge.
Her ser vi vores billeder vigtigt er at de er skrevet med småt og ikke indeholder specialt tegn.
Vi tilføjer et billed til vores design.
Vi vælger et billed under projekt og trykker ok.
Så billedet er placeret og hængt på knappen og kanterne.
Vi har brug for en setOnClickListener som kontrollerer om knappen er trykket.

setImageResource skifter grafiken ud med vores hellow billed når vi trykker på knappen bn_skiftbilled.

Her kan man se det første skærm biled.
Og billedet som skiftes når vi trykker på knappen.

Så nu kan vi ændre på de billeder, som vi viser på skærmen.

Hvordan laver jeg en tryk knap

Hvordan tilføjer jeg en knap på skærmen og hvordan får jeg programmet til at reagere hvis man trykker på knappen.

Øverst til højre kan man zoome ind på sit design, lav denne større så man kan se designet.
Nu kan vi se teksten og er klar til at tilføje vores første knap.
Tilføjer vores først knap til vores skærm.
Knappen er nu tilføjet vores skærm, den skal dog også placeres på skærmen.
Nu kunne man tro at det var nok at placere knappen det rigtige sted på skærmen.

Sådan er det ikke. Vi kan flytte rund med knappen på skærmen. Men installerer man appen på sin telefon vil knappen ikke være korrekt placeret. For at placere knappen øverst i midten af skærmen skal der lidt mere til. Vi kikker lidt nærmere på knappen.

Vi kan de de runde prikker på knappen og de små firkantede i hjørnerne.

Prikkerne bruges til at gøre knappen fast til kanter eller til andre knapper, billeder m.m. Firkanterne i hørnerne bruges til at gøre knappen større eller mindre.

Vi gør knappen fast til kanterne ved at trykke på prikken øverst og trække den op til øverste kant. Prikken til høre trækkes til højre kant og prikken til venstre til venstre kant.

Knappen hænger nu fast øverst, til højre og til venstre. Til højre har vi “Attributes” som ses når man har fokus på knappen.

“Attributes” Egenskaber på knappen kan ændres i dette menu. Vi kan se at vi har en afstand på 8 til øverste kant, til venstre og til højre kant.

Dette gør at knappen bliver placeret øverst i midten. Det virker lidt som et anker hvor man definerer hvor skal knappen hænge fast med et gummibånd.

Det smarte er at knappen nu er korrekt placeret i portræt og i landscape, så drejer man mobilen vises knappen altid øverst i midten.

For at kunne bruge knappen skal vi have givet knappen et navn.

Knappen hedder nu bn_minknap det skal vi bruge i programmet og teksten på knappen er “Tryk”.

Så er vi klar til at bruge knappen i vores program. Knappen hedder bn_minknap og teksten på knappen er “TRYK”.

bn_minknap.setOnClickListener tjekker om om knappen er trykket og udfører det som står i {}.

Når man trykker på knappen skal den skrive på skærmen “Knappen er trykket”.

Vi bruger en Toast som kan vise en tekst på skærmen når man trykker på knappen.

I kan se Toast er rød og der står tryk Alt+Enter, det er fordi vi mangler at importerer Toast funktionen dette sker automatisk når man trykker Alt+Enter.

Toast funktionen er nu aktiv programmet er klar til at blive installeret på mobilen.
Et sidste kik på programmet.

Kik på “Attributes” egenskaberne for knappen der er mange til som kan indstilles her. Farver, tekst, fonte.