UI效果(2): shape

android中的控件不是很多,布局也很少。但是这些东西很灵活,所以想设计好的界面还是需要一定的功底的。

本篇博客,您可以了解到:

<1> 自定义 Toast

<2> Button特殊效果

在sdk的api中,相信你可以找到名为Shape Drawable的这样一篇文章,位置:


如果,你想更加理解掌握这篇博客,建议好好地、仔细地看看这篇Shape Drawable文章。

秀一下效果图,呵呵!

启动应用时候,第一次出现效果:


让该Button获得焦点,效果:


还有,就是按下Button会改变其颜色(红色)并弹出Toast:



如果,你是一个细心的人就会发现Toast与以往显示的位置不一样,呵呵。代码如下:

findViewById(R.id.btn_change).setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				Toast toast = Toast.makeText(DroidButtonActivity.this, "changed", Toast.LENGTH_LONG);
				toast.setGravity(Gravity.CENTER, 0, 0);
				toast.show();
			}
		});
这里面实现Button特殊效果需要selector,一个很cool的xml文件,在/res/drawable下面:


那么,看看该xml文件内容吧!?

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

	<item android:state_pressed="true">

		<shape>

			<gradient android:startColor="#bb0000" android:endColor="#cc0000"

				android:angle="270" />

			<stroke android:width="3dp" android:color="#aa0000" />

			<corners android:radius="2dp" />

			<padding android:left="10dp" android:top="10dp"

				android:right="10dp" android:bottom="10dp" />

		</shape>

	</item>

	<item android:state_focused="true">

		<shape>

			<gradient android:startColor="#00aa00" android:endColor="#00bb00"

				android:angle="270" />

			<stroke android:width="2dp" android:color="#00cc00" />

			<corners android:radius="2dp" />

			<padding android:left="10dp" android:top="10dp"

				android:right="10dp" android:bottom="10dp" />

		</shape>

	</item>

	<item>

		<shape>

			<gradient android:startColor="#0000bb" android:endColor="#0000cc"

				android:angle="270" />

			<stroke android:width="2dp" android:color="#0000aa" />

			<corners android:radius="2dp" />

			<padding android:left="10dp" android:top="10dp"

				android:right="10dp" android:bottom="10dp" />

		</shape>

	</item>

</selector>
关于各个参数的意思,看上面的sdk文档。在main.xml文件中,我们就可以来使用该xml文件喽!

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    />
<Button 
    android:id="@+id/btn_change"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="10dip"
    android:text="change"
    android:background="@drawable/an_button"/>
</LinearLayout>
注意:Button设置selector使用标签是background,不是src(区别于ImageButton)。

完整代码下载:http://download.csdn.net/source/3469895

©️2020 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页