, hvordan man bruger fontawesome i en androide app,,,,, 54,,,,,,,,, 9,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, i denne lektion, jeg vil vise dig, hvordan man bruger den, fontawesome, ikon pakke i en   androide projekt.   fontawesome er en stor tid saver af flere grunde.,,, du behøver ikke at bekymre dig om forskellige skærm tæthed på forskellige smartphones.hvis du vil   anvendelse, men heller ikke dér er menneskene sikre  , filer, du er nødt til at tage med i deres pakke   mindst fire forskellige versioner af alle ikon.ikke kun det,   på nogle meget tætte hd - skærme, jeres ikoner ser sløret.det er noget, du   ønsker at undgå.   med fontawesome, men du har bare at omfatte   en enkelt, ttf  , fil.,, og du kan påberåbe sig en af de rige og   fuldstændig ikon fastsættes frit.nu, brugere, er   vant til den form for fontawesome, fordi det er så udbredt på nettet.du behøver ikke at spilde tiden og leder efter   en række ikoner  , der er smukt, omfattende og fri til kommerciel brug.jeg siger ikke, at disse   fastsætter ikke eksisterer, fordi de  , de gør,  , men de er ret sjældne.,, 1.hvordan fontawesome fungerer, lad os tage et øjeblik til at forstå, hvordan   fontawesome fungerer.   idéen bag fontawesome   ikon - pakning   er enkel, billedsymboler behandles som tegn.du har måske bemærket, at   en eksotisk tegn   behandles   som tekst.   f.eks. kan du let   kopi og pasta, det  , β,   karakter, og det  , ∑,   karakter.  , du kan selv gøre det i en enkelt tekst   redaktør.det er også muligt at ændre deres   størrelse og farve.det er, fordi de   browser og teksten redaktør ser disse tegn, som   tekst.,,, fontawesome,   udvider   denne   koncept med en bred vifte af ikoner.du kan sammenligne det med en   ordbog, der matcher unicode for tegn, som ikke kan være maskin - og det er ikke vant til en bestemt ikon.,, se på fontawesome er cheatsheet at se  , hvad jeg taler om.du vælger et ikon fra listen, tage hensyn til dens unicode karakter, og bruge den i en textview, fortæller   androide at gøre det ved hjælp af fontawesome   skrifttype., 2.import skrifttype fil, lad os se på et eksempel.   downloade og importere de fontawesome truetype fil i dit projekt.du kan downloade fontawesome aktiver fra github.,, når du henter fontawesome, ender du med en mappe, der omfatter en række filer og foldere.de fleste af disse er nyttige til web - projekter.vi er kun interesserede i  , fontawesome webfont. ttf,, som er beliggende i  , skrifttyper, mappe.,, i jeres androide projekt, sejle til  , app > src > vigtigste.den  , main, statistik, bør omfatte en folder, der hedder  , aktiver.  , hvis der ikke er en, så skaber det.i  , aktiver,   fortegnelse, skabe en mappe, skrifttyper,,,,, og der tilsættes  , fontawesome-webfont.ttf, at denne mappe.,, konstaterer, at den  , skrifttyper,   register er ikke påkrævet.du kan tilføje fontawesome skrifttype fil i  , aktiver,   fortegnelse, men det er praktisk at have dokumenter af samme type, der findes i et særligt register.så længe fontawesome skrifttype fil er beliggende i  , aktiver  , fortegnelse, eller en subdirectory, du er god til at gå., 3.skabe en hjælper, klasse, nu hvor du har med held med den fontawesome skrifttype fil i jeres androide projekt, det er tid til at bruge det.vi vil skabe en hjælper, klasse, for at gøre det lettere.   klasse, vi vil anvende   er  , androide. grafik. skrifttype.den  , skrifttype,   klasse angiver den skrifttype og iboende i stil med en skrifttype.   anvendes til at angive, hvordan tekst forekommer, når der   (målt).,, lad os begynde med at hjælperen klasse.   skabe en ny   java - klasse og opkalde det  , fontmanager:,, offentlige klasse fontmanager {offentlige statisk sidste snor root = "skrifttyper /", fontawesome = kvadratrod + "fontawesome webfont. ttf" offentlige statisk skrifttype gettypeface (forbindelse forbindelse snor skrifttype) {tilbage skrifttype. createfromasset (sammenhæng. getassets(), skrifttype)}},, hvis du ønsker at bruge andre   skriftsnit i dit projekt. det er let at tilføje andre skrifttyper til hjælperen klasse.idéen er lignende:,, yourtextview. settypeface (fontmanager. gettypeface (fontmanager. yourfont), dette er alt vi behøver at gøre, men vi kan gøre det bedre.lad os   skubbe det   lidt længere.   ved hjælp af ovennævnte   metode, er vi nødt til at skabe en variabel for hver, textview, vi vil bruge som et ikon.det er fint.men som programmører, vi er   doven.ikke?,, ikoner er ofte   indeholdt i en enkelt, viewgroup, såsom   en, relativelayout,   eller en, linearlayout,.vi kan skrive en metode, der stiger, træ af en given xml - moder - og rekursivt   tilsidesætter skrifttype af hver  , textview,   finder.,, offentlige klasse fontmanager (//...offentlige statisk tomrum markasiconcontainer (betragtning v, skrifttype skrifttype) (hvis v tilfælde viewgroup) (viewgroup vg = (viewgroup) v; int (i = 0. jeg < vg. getchildcount(); jeg + +) (betragtning barn = vg. getchildat (i); markasiconcontainer (barn)}} andre, hvis v tilfælde textview) (((textview) v). settypeface (typer);}}}, lad os antage, at din indretning   fil ser sådan her:,, < linearlayout xmlns: androide = "http://schemas.android.com/apk/res/android" xmlns: værktøj = "http://schemas.android.com/tools" androide: id = ". + id /icons_container" androide: layout_width = "match_parent" androide: layout_height ="match_parent" androide: paddingbottom = "@ dimension /activity_vertical_margin" androide: paddingleft = "@ dimension /activity_horizontal_margin" androide: paddingright = "@ dimension /activity_horizontal_margin" androide: paddingtop = "@ dimension /activity_vertical_margin" værktøjer: forbindelse = ". mainactivity" > < textview androide: layout_width = "match_parent" androide: layout_height = "wrap_content" androide: gravimetriske = "centret" androide: layout_weight = "1" /> < textview androide: layout_width = "match_parent" androide: layout_height = "wrap_content" androide: gravimetriske = "centret" androide: layout_weight = "1" /> < textview androide: layout_width = "match_parent" androide- layout_height = "wrap_content" androide: gravimetriske = "centret" androide: layout_weight = "1" /> < /linearlayout >,, at mærke de tre  , textview,   tilfælde som ikoner, vi tilsidesætte de  , oncreate, metode og tilføje følgende kode snippet:,, skrifttype iconfont = fontmanager. gettypeface (getapplicationcontext(), fontmanager. fontawesome); fontmanager. markasiconcontainer (findviewbyid (r.id.icons_container), iconfont);,, 4.   anvendes ikoner, du ønsker, nu kommer det sjove.besøg fontawesome er github side og tage de foreliggende ikoner.   vælge tre billeder, du kan lide.jeg skal hente tre diagrammer, området figur ikon, ikon - diagram, og linjen figur ikon.,, i deres projekt, sejle til, værdier,   mappe   og skabe en ny fil, ikoner. xml,.denne sag vil tjene som et   ordbog, det er, det vil   matche unicode karakter, der er forbundet med en bestemt ikon til en menneskeligt læsbar navn.det betyder, at vi er nødt til at     skabe en linje for hver ikon.det er sådan, det fungerer.,, < ressourcer > < snor navn = "fa_icon_areachart" > & < /snor > < snor navn = "fa_icon_piechart" > & < /snor > < snor navn = "fa_icon_linechart" > & < /snor > < /ressourcer >,, du kan finde den kode i den   fontawesome cheatsheet   eller på   detaljer side   af ikon, du er interesseret i.,, det næste skridt er at   reference snoren   angivelser i, textview,   tilfælde af din indretning.det er, hvad det endelige resultat ligner:,, < textview androide: layout_width = "match_parent" androide: layout_height = "wrap_content" androide: gravimetriske = "centret" androide: layout_weight = "1" androide: tekst = "@ snor /fa_icon_areachart" /> < textview androide: layout_width = "match_parent" androide: layout_height = "wrap_content" androide: gravimetriske = "centret" androide: layout_weight = "1" androide: tekst = "@ snor /fa_icon_piechart" /> < textview androide: layout_width = "match_parent" androide: layout_height = "wrap_content" androide: gravimetriske = "centret" - androiden: layout_weight = "1" androide: tekst = "@ snor /fa_icon_linechart" />,, hvis duu - layout, redaktør af androide studie,   vil du se, at det ikke kan medføre, at den ikoner.det er ikke normalt.bygge - og iværksætte deres ansøgning.du bør se ikoner korrekt gjort:,,,,, de er små, er de ikke?det er meget nemt at ændre den   størrelse af ikoner.alt du skal gøre er at ændre  , textsize, attribut.at ændre farven på ikonet er lige så let.redigere  , textcolor, attribut, og du er færdig.,, < textview androide: layout_width = "match_parent" androide: layout_height = "wrap_content" androide: gravimetriske = "centret" androide: layout_weight = "1" androide: textsize = "45sp" androide: textcolor = "# 9b59b6" androide: tekst = "@ snor /fa_icon_areachart" />,,,,,, som du kan se, ikoner er skarp og   sprøde.  , det er, fordi fontawesome ikoner   leveres på runtime.de er vektor,   i stedet for raster, filer, sidst i denne hurtige tip, jeg viste dig, hvordan man bruger den fontawesome   ikon, der er fastsat i en androide projekt.fontawesome er   almindeligt kendt, rig og fri.resultatet er stærk og levende ikoner, selv om høje resolution skærme.som en ekstra bonus, at ændre et ikon, størrelse og farve er så enkelt som at ændre en xml - attribut.