- Right click /res/values/ in Package Explorer, click New -> Other....
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6xgzMbIDbaKLujo5P86n1RZj17Ih5MyFbMPvCxDQzJc9zhfP2L5-AGO8tsLqvqcsmQYK4sEBFI8r5Qo3vp_66HR-1i_vyPyq5G6g-2f2kRU_AsJwjYilcKNAX5VSOmMi7DCcXEZD4rjot/s400/style_01.png)
- Expand Android, and select Android XML Values File, click Next.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9cMMnI8tmUiSY5XNKZQEApvJrrR9AHOtPugKv79nM9qPMUpGy9Q8AP3YCxONvg5e2IS0xbASPz1SLB1WPBZWkkIV7iJhgOZ9TvIuLZRn5lofmQBfyao6162OQv0aRJzFZLZyiDhk55SOa/s400/style_02.png)
- Enter file name, mystyle.xml.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZwdP2fe43AiUHKu-KiIO4sgyLvhGb0YE37phsrHx6JCylcY1kiH3mKj4CViTQ7sLVvY3m-UG7bOLwR4mCVINp4LeOs46LzvPRYJYKzReX9kZCMcuBVUrilyd6asHF0V9PCOvy38gSdEok/s400/style_03.png)
- Click Finish.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcNRhbvficfz5vsOdqlimsW_6aNxEVgd6H3tusYXzdk8Di8exNJw9gJuYw_YvbOSoU9IZ1FcvWPKymmjhFy8S_uwNzL36kIXbRUxEcD_GldUX9yTK90VqmPmFBL68IFOC21m_AfCUzNQ2W/s400/style_04.png)
- The generated file will be opened in Resources mode. Click the tab with file name, mystyle.xml, to view in edit mode. The wizard should have create a root of <resources> for you.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5IvuyagenrFJAmA9WJtDSI68pMUjVR8b_IwW75-QNXUC_ObItYjK7iTLZzcDdjoLuu0JrEY6cB9TcRBljDbUTWyqIMmMBdE2uPDNBRVIDrWHFiJnSyC8wd2-BX8_d93DaHHfDKun_N1am/s400/style_05.png)
- Switch back to Resources mode by clicking on Resources tab.
- Click on the Add button.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl1zzRJAo1a6zv0565L7xSIGIeaOzM5cAes-3O9b3d9cQSgrpsVV-kVsqC1RpvlKAxjWf6IXEj-53gNqX6h5aN9C1ZW837rNiGD4MO2O9exxpl00dQVRuSIh4yXzkd6Ymoio9IZRbd-9la/s400/style_06.png)
- Select Style/Theme, and click OK.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGQ7DPrly7exvqb_AxhUN7AlH7JyTTwQiEJAkERwkrPs1x6oQjEsa9mvWKK2wNKiAxLuBASm91dAZtUsTtIWKTN-yhyphenhyphenuw6_aRuo9WNH7oPMZOaVCQyBUCgwNixm7TrRx0HWq2QImlxar2g/s400/style_07.png)
- Enter "MyStyle" in the name field.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9o16Rn_o3_rCV8tVivUpiueU-emKymsaOP9g0kSyV2SBbwWzvltkE4dwC-Mgypgx5I569wUsrSq-AuX4-Ff3MTw1yDnDPalempEoePdPw40iJX6-61dfXc6tpFCaOH3sBGKVsivUHc84/s400/style_08.png)
- Click on Add button.
- Select Item and click OK.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-8D1fkooav8JiHNsTs119uVTzrDroGgvjDREpjLLO2z2HGDo6w-KCdl3IpHlJj5YK2IEumwEo4LmJp0m3YzRugdfUGogSQU7sRT1tyv9ZETWOTzXoMs3qngJkXdRUOg0YabSQCvgLg9mv/s400/style_09.png)
- Enter "android:layout_width" in Name field, and "wrap_content" in Value field.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-jIoc0lNcupB2r79Z_pMr9RF1ZvLOUrzJYjar3p97HTylQAnKrM5liT0E02stiJMmFyCz9cAhZ-yCcX6faY3C8zs8L02PWUBdS4eZ0B9TzRVxmq405E1GkvmznZ6iHDlrRhNkUDGFJwkh/s400/style_10.png)
- Click on mystyle.xml tab to view in edit mode. The wizard have already filled in the item.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0oiC82sBgu2f5-3eXk0d0dKuhap_eUIS15-ocHDjBloHAPsg_GXMuy_zFULIRzeTULU0s2oeYxzlgNIXXz1M73dsq11_-yQ5u2_FxPhU8mPtiqK15VhV-V0rvez8V1JzStYbF3AkuThXS/s400/style_11.png)
- Repeat to fill in others.
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="MyStyle">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">#AAA</item>
<item name="android:textSize">18dip</item>
<item name="android:background">#222</item>
<item name="android:padding">5dip</item>
</style>
</resources>
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQqdc23rvF-zswC8q-yebLHYthYuvTA8DM5-qVTROmtc-U-46F2OqxV70k_DpJDbQQjzBi-JJKxuAJc9eiB7p4XrHRwA7qYZnaDqrPsAOH5fBUJmFo2tYVHIZzxv21UC0uaVxjn9f6XoZD/s400/style_12.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkqCjaZV8uuS4Cdaz0TEgV8ytOHMFkx_2DTaJ7SNrfTHWnOfqpzWtCgo2sOfilXm-GPOGchIM4N2qL8jr3T7LFnRB4MSh8nKwXe1J_HPtbSzorlB93UHdcUQmT7Jp-_2beA10IbswKs5DZ/s400/style_13.png)
- Save It.
- Modify main.xml to add a TextView using MyStyle.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello" />
<TextView
style="@style/MyStyle"
android:layout_width="fill_parent"
android:text="it's text using style" />
</LinearLayout>
- Finished!
![TextView with style TextView with style](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOQMUEktfcMITwHfLbB8lCFdTySYS7sSs8WIrf7xMMZKnuDIYilaOee9GN1O6K1x0_24A2GnZcRpvseA_sXF1kldkkdv52plWjyq9tHPqVsXvD_L25BF4Zi1O4EbPYNTUtYDEADAAz5srQ/s400/AndroidStyle.png)
next:
- Create style inheriting properties from another style
- Apply style on whole application/activity as theme
Thank you very much for your blog....
ReplyDelete