Android：TextView点击效果
2014-08-16 17:05
405 查看
TextView点击效果（Button）
博客分类：
Layout
buttontextview
TextView点击效果
演示的是一个用TextView来定义的一个Button，实现类似TabWidget风格的选项卡。
自定义按钮，这里没有通过Button类或者子类去做派生，而是通过TextView派生出来的。
在这里三个按钮是三个TextView派生类实例，中间的白线，是1px宽的白色矩形，这样就可以做出类似上面的效果。
效果图：
工程结构图：
/res/drawable/background_color.xml 用shape标签自定义一个渐变背景
Java代码
res/drawable/button_selector.xml
Java代码
res/layout/main.xml，这个是主布局，由自定义的Button和1px的白色矩形组成
Java代码
继承自TextView的自定义Button：
Java代码
主程序：
Java代码
博客分类：
Layout
buttontextview
TextView点击效果
演示的是一个用TextView来定义的一个Button，实现类似TabWidget风格的选项卡。
自定义按钮，这里没有通过Button类或者子类去做派生，而是通过TextView派生出来的。
在这里三个按钮是三个TextView派生类实例，中间的白线，是1px宽的白色矩形，这样就可以做出类似上面的效果。
效果图：
工程结构图：
/res/drawable/background_color.xml 用shape标签自定义一个渐变背景
Java代码
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <span style="white-space:pre"> </span><gradient <span style="white-space:pre"> </span>android:startColor="#FFFFFFFF" <span style="white-space:pre"> </span>android:endColor="#FFFFFFFF" <span style="white-space:pre"> </span>android:angle="270.0" <span style="white-space:pre"> </span>android:centerY="0.3" <span style="white-space:pre"> </span>android:centerColor="#FFBDBDBD" <span style="white-space:pre"> </span> /> </shape>
res/drawable/button_selector.xml
Java代码
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android"
android:constantSize="true">
<!-- 获得焦点时的背景图片 -->
<item
android:state_focused="true">
<shape>
<gradient
android:startColor="#FFE5CF33"
android:endColor="#FFF1E7A2"
android:angle="90.0" />
</shape>
</item>
<!-- 设置相应所有事件 -->
<item
android:state_enabled="true"
android:state_pressed="false">
<shape>
<gradient
android:startColor="#FF1B1B1B"
android:endColor="#FF969696"
android:angle="90.0" />
</shape>
</item>
<!-- 按钮点击时的背景 -->
<item
android:state_enabled="true"
android:state_pressed="true">
<shape>
<gradient
android:startColor="#FF000000"
android:endColor="#FF474747"
android:angle="90.0" />
</shape>
</item>
<item
android:state_enabled="false"
android:state_pressed="true">
<shape>
<gradient
android:startColor="#FF000000"
android:endColor="#FF474747"
android:angle="90.0" />
</shape>
</item>
<!-- 默认情况下的背景 -->
<item>
<shape>
<gradient
android:startColor="#FF000000"
android:endColor="#FF474747"
android:angle="90.0" />
</shape>
</item>
</selector><?xmlversion="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android"
android:constantSize="true">
<!-- 获得焦点时的背景图片 -->
<item
android:state_focused="true">
<shape>
<gradient
android:startColor="#FFE5CF33"
android:endColor="#FFF1E7A2"
android:angle="90.0" />
</shape>
</item>
<!-- 设置相应所有事件 -->
<item
android:state_enabled="true"
android:state_pressed="false">
<shape>
<gradient
android:startColor="#FF1B1B1B"
android:endColor="#FF969696"
android:angle="90.0" />
</shape>
</item>
<!-- 按钮点击时的背景 -->
<item
android:state_enabled="true"
android:state_pressed="true">
<shape>
<gradient
android:startColor="#FF000000"
android:endColor="#FF474747"
android:angle="90.0" />
</shape>
</item>
<item
android:state_enabled="false"
android:state_pressed="true">
<shape>
<gradient
android:startColor="#FF000000"
android:endColor="#FF474747"
android:angle="90.0" />
</shape>
</item>
<!-- 默认情况下的背景 -->
<item>
<shape>
<gradient
android:startColor="#FF000000"
android:endColor="#FF474747"
android:angle="90.0" />
</shape>
</item>
</selector>res/layout/main.xml，这个是主布局，由自定义的Button和1px的白色矩形组成
Java代码
<?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:background="@drawable/background_color"
android:orientation="vertical">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="10dip" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="40dip">
<com.amaker.testbutton.TextButton
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:text="饮食"
android:gravity="center"
android:background="@drawable/button_selector"
android:focusable="true"
android:clickable="true" />
<View
android:layout_width="2px"
android:layout_height="fill_parent"
android:background="#FFFFFFFF" />
<com.amaker.testbutton.TextButton
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:text="旅行"
android:gravity="center"
android:background="@drawable/button_selector"
android:focusable="true"
android:clickable="true" />
<View
android:layout_width="2px"
android:layout_height="fill_parent"
android:background="#FFFFFFFF" />
<com.amaker.testbutton.TextButton
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:text="体育"
android:gravity="center"
android:background="@drawable/button_selector"
android:focusable="true"
android:clickable="true" />
</LinearLayout>
</LinearLayout><?xmlversion="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:background="@drawable/background_color"
android:orientation="vertical">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="10dip" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="40dip">
<com.amaker.testbutton.TextButton
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:text="饮食"
android:gravity="center"
android:background="@drawable/button_selector"
android:focusable="true"
android:clickable="true" />
<View
android:layout_width="2px"
android:layout_height="fill_parent"
android:background="#FFFFFFFF" />
<com.amaker.testbutton.TextButton
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:text="旅行"
android:gravity="center"
android:background="@drawable/button_selector"
android:focusable="true"
android:clickable="true" />
<View
android:layout_width="2px"
android:layout_height="fill_parent"
android:background="#FFFFFFFF" />
<com.amaker.testbutton.TextButton
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:text="体育"
android:gravity="center"
android:background="@drawable/button_selector"
android:focusable="true"
android:clickable="true" />
</LinearLayout>
</LinearLayout>继承自TextView的自定义Button：
Java代码
package com.amaker.testbutton;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;
public class TextButton extends TextView {
public TextButton(Context context)
{
super(context);
}
public TextButton(Context context, AttributeSet attrs, int defStyle)
{
super(context,attrs,defStyle);
}
public TextButton(final Context context, AttributeSet attrs)
{
this(context,attrs,0);
this.setOnTouchListener(new OnTouchListener()
{
@Override
public boolean onTouch(View v, MotionEvent event) {
if(event.getAction()==MotionEvent.ACTION_CANCEL
||event.getAction()==MotionEvent.ACTION_UP
||event.getAction()==MotionEvent.ACTION_OUTSIDE)
{
Toast.makeText(context, "hello", Toast.LENGTH_SHORT).show();
}
return false;
}
});
}
}package com.amaker.testbutton;
import android.content.Context;
import android.util.AttributeSet;
importandroid.view.MotionEvent;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;
public class TextButton extendsTextView {
public TextButton(Context context)
{
super(context);
}
public TextButton(Context context,AttributeSet attrs, int defStyle)
{
super(context,attrs,defStyle);
}
public TextButton(final Context context,AttributeSet attrs)
{
this(context,attrs,0);
this.setOnTouchListener(new OnTouchListener()
{
@Override
public boolean onTouch(View v,MotionEvent event) {
if(event.getAction()==MotionEvent.ACTION_CANCEL
||event.getAction()==MotionEvent.ACTION_UP
||event.getAction()==MotionEvent.ACTION_OUTSIDE)
{
Toast.makeText(context,"hello", Toast.LENGTH_SHORT).show();
}
return false;
}
});
}
}主程序：
Java代码
package com.amaker.testbutton;
import android.app.Activity;
import android.os.Bundle;
public class MainActivity extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Android TextView点击效果
- AndroidRichText 让Textview轻松的支持富文本（图像ImageSpan、点击效果等等类似QQ微信聊天）
- Android实现带动画效果的可点击展开TextView
- android 实现textview部分文字点击效果，类似于微博的话题丶用户
- Android ImageButton | Button | TextView 点击和触摸效果
- AndroidRichText 让Textview轻松的支持富文本（图像ImageSpan、点击效果等等类似QQ微信聊天）
- Android之实现TextView控件圆角以及Button点击、焦点效果
- Android TextView实现点击展开动画效果
- [Android] ImageButton | Button | TextView 点击和触摸效果实现
- android 设置textview边框以及点击效果
- android自定义TextView点击效果
- Android背景选择器、Textview点击效果
- Android RichText 让Textview轻松的支持富文本（图像ImageSpan、点击效果等等类似QQ微信聊天）
- Android textView点击滚动(跑马灯)效果
- Android在xml中设置组件风格（圆角，点击效果selector，边框，进度条风格，动画）TextView文字透明度
- android笔记 自定义textview，button等控件的外观，点击效果
- Android TextView的点击效果之改变背景颜色
- android TextView 实现自定义文字点击效果
- Android问题集（二）——TextView在点击时显示不同颜色，Button点击效果
- Android TextView点击效果