Android fejlesztés 7 : Stílus és téma használata

Mi a cél?

Megjelenítés és vizuális hatás (élmény) személyre szabhatósága közelebb hozza a felhasználót az alkalmazáshoz.

Az alkalmazás megjelenítése olyan mint a divat, változhat és a megjelenítési változást meg kell engedni.

Mi a módszer?

Az erőforrásoknál az xml filekben a megjelenítésre is megadhatunk paramétereket, sőt ezeket akár futás időben is megváltoztathatjuk.

Manuális definíciók:

Stílusok apps/res/value/style.xml file:

<resources>
     <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
       <item name="colorPrimary">@color/colorPrimary</item>
       <item name="colorPrimayDark">@color/colorPrimaryDark</item>
       <item name="colorAccent">@color/colorAccent</item>
       <item name="android:windowBackground">@color/colorAccent</item>
   </style>
   <style name="TextviewStyle" parent="@android:style/Widget.TextView">
       <item name="android:layout_width">wrap_content</item>
       <item name="android:layout_height">wrap_content</item>
       <item name="android:layout_marginLeft">0dp</item>
       <item name="android:layout_marginTop">10dp</item>
       <item name="android:textColor">#86AD33</item>
       <item name="android:textStyle">bold</item>
       <item name="android:textSize">20dp</item>
   </style>
   <style name="ButtonStyle" parent="@android:style/Widget.Button">
       <item name="android:layout_width">wrap_content</item>
       <item name="android:layout_height">wrap_content</item>
       <item name="android:layout_marginLeft">20dp</item>
       <item name="android:layout_marginTop">10dp</item>
       <item name="android:textColor">@color/colorIt</item>
       <item name="android:textStyle">bold</item>
       <item name="android:textSize">30dp</item>
   </style>

   <string name="wlcmsg">Welcome to DataFlair</string>
</resources>

Színek app>res>value>color.xml file:

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <color name="colorPrimary">#00cccc</color>
   <color name="colorPrimaryDark">#006666</color>
   <color name="colorIt">#188596</color>
   <color name="colorAccent">#BBF1F1</color>
   <color name="colorAccent1">#1397B1</color>
</resources>

Használat style zöld, egyedi beállítások kék színnel

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_marginLeft="10dp"
   android:orientation="vertical">

   <TextView
       android:id="@+id/TextView1"
       android:layout_width="300dp"
       android:layout_height="50dp"
       android:layout_marginLeft="45dp"
       android:layout_marginTop="100dp"               
       android:fontFamily="@font/abhaya_libre_extrabold"
       android:text="@string/wlcmsg"
       android:textColor="@color/colorAccent1"
       android:textSize="25dp" />

   <TextView
       android:id="@+id/btnShow"
       style="@style/ButtonStyle"
       android:layout_marginLeft="35dp"
       android:layout_marginTop="200dp"
       android:fontFamily="@font/abhaya_libre_extrabold"
       android:gravity="center"
       android:text="Android Style of a View" />
</LinearLayout>

Mi az eszköz?

Alapbeállítási készlet létrehozása cél alkalmazások vannak mert XML szerkesztések körülményesek.

Kilépés a programból

moveTaskToBack(true);

android.os.Process.killProcess(android.os.Process.myPid());

System.exit(1);

Rövidítések

SDK -> Software Development Kit -> Fejlesztő készlet

AVM -> Android Virtual Machine -> Android Virtuális Gép

ADB -> Android Debug Bridge -> Hibakeresési futtatásért felelős modul

ADM -> Android Device Monitor -> fileszintű böngészése az emulátornak

NDK -> Native Development Kit -> C++ nyelvű programozáshoz

Javaslatok

Minimális támogatott verzió 4.4-es Android

Használjunk lehetőleg : AppCompatActivity -t

Formázzunk újra a kódunkat

Mindent kijelöl : Control+A vagy menűből Android Studio Edit > Select All.
Újra formáz : Studio menu Code > Reformat Codevagy Ctrl+Alt+L

Hiba kezelés:

"AAPT2 error" -> gradle.properties -> android.enableAapt2=false

Hol mélyedhetünk el még jobban a témában?

Google play közzététel:

https://play.google.com/apps/publish/?hl=hu ///publikálás

IT, BI, DWH, DM, AI

Keresés ebben a blogban