W poprzedniej cz\u0119\u015bci pozna\u0142e\u015b podstawy pracy z grafik\u0105, ikonami i kolorami aplikacji w folderze W folderze Typowy obrazek, np. zdj\u0119cie lub logo.\nStosujemy g\u0142\u00f3wnie dla:<\/p>\n Wad\u0105 jest to, \u017ce powi\u0119kszanie pogarsza jako\u015b\u0107.<\/p>\n To ikony tworzone jako Vector Drawable<\/strong>.\nS\u0105 skalowalne i zawsze wygl\u0105daj\u0105 ostro, niezale\u017cnie od rozdzielczo\u015bci.<\/p>\n Android Studio pozwala tworzy\u0107 je poprzez:\nNew \u2192 Vector Asset \u2192 Clip Art<\/strong>.<\/p>\n Kiedy u\u017cywa\u0107 czego?<\/strong><\/p>\n Czasem chcesz, aby przycisk zmienia\u0142 kolor po klikni\u0119ciu.\nDo tego s\u0142u\u017cy selector<\/strong>, tworzony w Przyk\u0142ad pliku U\u017cycie w przycisku:<\/p>\n Aby nie powtarza\u0107 tych samych w\u0142a\u015bciwo\u015bci w wielu przyciskach, u\u017cywamy styl\u00f3w.<\/p>\n Przyk\u0142ad w Zastosowanie:<\/p>\n Zalety:<\/p>\n Mo\u017cesz tworzy\u0107 w\u0142asne kszta\u0142ty, np. zaokr\u0105glone przyciski.<\/p>\n Przyk\u0142ad U\u017cycie w przycisku:<\/p>\nres<\/code><\/strong>.\nDzi\u015b rozszerzamy temat o kolejne wa\u017cne zagadnienia, kt\u00f3re pozwol\u0105 Ci bardziej \u015bwiadomie projektowa\u0107 wygl\u0105d aplikacji i lepiej organizowa\u0107 zasoby.<\/p>\n
\n2. Nowe zagadnienia<\/strong><\/h2>\n
2.1. Folder drawable \u2013 grafika rastrowa i wektorowa<\/strong><\/h3>\n
drawable<\/code><\/strong> mog\u0105 znajdowa\u0107 si\u0119 dwa g\u0142\u00f3wne typy plik\u00f3w:<\/p>\na) Grafika rastrowa (PNG, JPG, WEBP)<\/strong><\/h3>\n
\n
b) Grafika wektorowa (pliki XML)<\/strong><\/h3>\n
\n
\n2.2. Selectory \u2013 zmiana wygl\u0105du elementu po klikni\u0119ciu<\/strong><\/h2>\n
drawable<\/code>.<\/p>\nbutton_selector.xml<\/code>:<\/p>\n<selector xmlns:android="http:\/\/schemas.android.com\/apk\/res\/android">\n <item android:state_pressed="true" android:drawable="@color\/primaryDark" \/>\n <item android:drawable="@color\/primaryColor" \/>\n<\/selector><\/code><\/pre>\n<TextView\n android:layout_width="wrap_content"\n android:layout_height="wrap_content"\n android:text="Kliknij"\n android:background="@drawable\/button_selector"\n android:clickable="true"\/><\/code><\/pre>\n
\n2.3. Style \u2013 definiowanie wygl\u0105du wielu element\u00f3w naraz<\/strong><\/h2>\n
styles.xml<\/code>:<\/p>\n\n<resources>\n <style name="MainButtonStyle">\n <item name="android:textColor">@color\/white<\/item>\n <item name="android:textSize">18sp<\/item>\n <item name="android:padding">10dp<\/item>\n <item name="android:background">@color\/primaryColor<\/item>\n <\/style>\n<\/resources><\/code><\/pre>\n<TextView\n android:layout_width="wrap_content"\n android:layout_height="wrap_content"\n style="@style\/MainButtonStyle"\n android:text="Zapisz" \/><\/code><\/pre>\n\n
\n2.4. Tworzenie w\u0142asnych kszta\u0142t\u00f3w (shape) w drawable<\/strong><\/h2>\n
rounded_button.xml<\/code>:<\/p>\n<shape xmlns:android="http:\/\/schemas.android.com\/apk\/res\/android" android:shape="rectangle">\n <solid android:color="@color\/primaryColor"\/>\n <corners android:radius="20dp"\/>\n <padding android:left="20dp" android:right="20dp"\n android:top="10dp" android:bottom="10dp"\/>\n<\/shape><\/code><\/pre>\n<TextView\n android:layout_width="wrap_content"\n android:layout_height="wrap_content"\n android:text="Start"\n android:background="@drawable\/rounded_button"\n android:clickable="true"\/><\/code><\/pre>","protected":false},"excerpt":{"rendered":"\n