《Android實現連續并排的若干個TextView單擊改變背景顏色達到選項卡Tab欄切換效果》

實現的組件交互目的很簡單，就是要達到類似tab選項卡的導航欄一樣，當用戶點擊了連續并排的若干個TextView其中之一時候，要產生一定的交互效果（背景顏色改變等）。這種實現的方式有不少可選方案，現在通過背景的selector.xml實現。

效果如下：

A。初始狀態：

B。當用戶單擊了TextView 2，但此時用戶的手指一直在按下并未松開的狀態，（注意交互設計效果！TextView 2的背景顏色變成黃色）：

C。用戶的手指在TextView 2上松開、離開設備屏幕后的狀態：

現在給出全部實現代碼。

一個非常簡單的用于測試的main activity：

package zhangphil.change;import android.app.Activity; import android.os.Bundle;public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);} }

重點是activity_main.xml中關于TextView的屬性配置和selector.xml。

activity_main.xml：

<?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="horizontal" ><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_weight="1"android:background="@drawable/selector"android:clickable="true"android:focusable="true"android:focusableInTouchMode="true"android:text="1" /><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_weight="1"android:background="@drawable/selector"android:clickable="true"android:focusable="true"android:focusableInTouchMode="true"android:text="2" /><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_weight="1"android:background="@drawable/selector"android:clickable="true"android:focusable="true"android:focusableInTouchMode="true"android:text="3" /><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_weight="1"android:background="@drawable/selector"android:clickable="true"android:focusable="true"android:focusableInTouchMode="true"android:text="4" /></LinearLayout>

每一個TextView用到的用于設置background的selector.xml。

selector.xml：

<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/red" android:state_focused="true"/><item android:drawable="@drawable/orange" android:state_pressed="true"/><item android:drawable="@drawable/green"/></selector>

其余的就是一些基礎的資源文件，圖片：

green.png

red.png

orange.png



總結

以上是生活随笔為你收集整理的Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。