本文主要是介绍AndroidUI之开关效果的设计,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
最终效果如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#DFE1E0"
android:orientation="vertical"><LinearLayout style="@style/SettingItemTop"android:background="@drawable/setting_list_top"xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewstyle="@style/MySettingText"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="开启通知" /><CheckBoxstyle="@style/MyCheckBox"android:layout_width="wrap_content"android:layout_height="wrap_content"/></LinearLayout><LinearLayoutstyle="@style/SettingItemMiddle"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewstyle="@style/MySettingText"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="开启铃声" /><CheckBoxstyle="@style/MyCheckBox"android:layout_width="wrap_content"android:layout_height="wrap_content"/></LinearLayout><LinearLayoutstyle="@style/SettingItemBottom"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"><TextViewstyle="@style/MySettingText"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="开启震动" /><CheckBoxstyle="@style/MyCheckBox"android:layout_width="wrap_content"android:layout_height="wrap_content"/></LinearLayout>
</LinearLayout>
style="@style/MySettingText"
这一句,这里用了style.xml这个文件来控制样式.Android实际开发中,会有很多时候一些部件的属性是要重复出现的,如果每个控件都要单独的 把这些属性单独的输入一次,那样会很没有效率.可以将重复的代码添加到style.xml中,设置成一种样式,在用到这些属性是引用这个样式即 可.style="@style/MySettingText"这个是设置文字的属性,代码如下:
<style name="MySettingText"><item name="android:layout_margin">10dp</item><item name="android:layout_weight">6</item>
</style>
style="@style/MyCheckBox"
此句对应的代码:
<style name="MyCheckBox" parent="@android:style/Widget.CompoundButton.CheckBox"><item name="android:button">@drawable/check</item><item name="android:layout_margin">10dp</item><item name="android:layout_weight">1</item>
</style>
<item name="android:button">@drawable/check</item>
这里就用了selector自定义样式.
在res/drawable下建立一名为check(自定)的xml文件,代码如下:
<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:state_checked="true" android:drawable="@drawable/on"/><item android:state_checked="false" android:drawable="@drawable/off"/>
</selector>
@drawable/on为选择时checkbox的图像,@drawable/off反之.
还注意到菜单中第一项上方为圆角,中间项为四角都为方,最后一项为下部圆角,这个就是通过设置不同的背景图片实现的了,具体不细表.
转载请标明出处 http://blog.csdn.net/shimiso
技术交流群:66756039
这篇关于AndroidUI之开关效果的设计的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!