Android：TextView点击效果

现在的位置: 首页 > 综合 > 正文

RSS

Android：TextView点击效果

2017年10月19日 ⁄ 综合 ⁄ 共 7575字 ⁄ 字号小中大 ⁄ 评论关闭

TextView点击效果（Button）

博客分类：

Layout

button textview

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：点击返回键两次退出程序
【下篇】Android：创建抽屉导航

作者: adder

该日志由 adder 于7年前发表在综合分类下，最后更新于 2017年10月19日.
转载请注明: Android：TextView点击效果 | 学步园 +复制链接

抱歉!评论已关闭.

学步园

Android：TextView点击效果

作者: adder

书签

最新文章New

本站推荐

返回首页