项目中需要实现点击当前选项卡,然后当前选项卡变色,之前选中的选项卡恢复原状。
我刚开始选择的方法很笨,就是如果选中,v1.set...v2.set....看起来可读性很差,
经过实践,现将我想的思路写出来,供大家参考。
还是先上图这是3个textview,由于只是讲如何换背景,这里就用简单的布局来实现。
效果就是这样。
布局文件,我就不贴了,就是3个textView 垂直排列,直接贴主activity
package com.example.alltest;
import java.util.ArrayList;
import java.util.List;
import android.os.Bundle;
import android.app.Activity;
import android.graphics.Color;
import android.view.View;
import android.view.View.OnClickListener;
public class AllTestActivity extends Activity implements OnClickListener {
private List<View> itemList=new ArrayList<View>();
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_all_test);
findViewById(R.id.textView1).setOnClickListener(this);
findViewById(R.id.textView2).setOnClickListener(this);
findViewById(R.id.textView3).setOnClickListener(this);
}
public void onClick(View v) {
// TODO Auto-generated method stub
switch (v.getId()) {
case R.id.textView1:
changeOtherTextViewBackgroundColor(v);
break;
case R.id.textView2:
changeOtherTextViewBackgroundColor(v);
break;
case R.id.textView3:
changeOtherTextViewBackgroundColor(v);
break;
default:
break;
}
}
private void changeOtherTextViewBackgroundColor(View view) {
// TODO Auto-generated method stub
if (itemList!=null) {
for (int i = 0; i < itemList.size(); i++) {
//android.R.color.transparent可以去掉你添加的所有背景色以及图片
itemList.get(i).setBackgroundColor(getResources().getColor(android.R.color.transparent));
}
itemList.clear();
}
view.setBackgroundColor(Color.parseColor("#FF83FA"));
//view.setBackgroundDrawable(getResources().getDrawable(R.drawable.ic_launcher));
itemList.add(view);
}
}
像上面注释的一样,
android.R.color.transparent可以去掉你添加的所有背景色以及图片,将view.setBackgroundColor(Color.parseColor("#FF83FA"));注释换为
view.setBackgroundDrawable(getResources().getDrawable(R.drawable.ic_launcher));后
效果图如下:
接下来是为TextView设置边框
还是在这个项目里,我们先在drawable下添加settext_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 背景色 -->
<solid android:color="#FFE4B5"/>
<!-- 边框色 -->
<stroke android:width="0.5dip" android:color="#81CE47" />
</shape>
然后再布局文件中让textview 引用android:background="@drawable/settext_bg"
还是在这个项目中我们会看到下面的效果
我们发现初始化的时候有边框,点击变背景色的时候,边框没有了,而且点击后其他的什么的都没有了,
为了实现理想效果,我们先在drawable下添加settext_bg2.xml用来设置点击后当前textview的背景和边框
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 背景色 -->
<solid android:color="#FF83FA"/>
<!-- 边框色 -->
<stroke android:width="0.5dip" android:color="#81CE47" />
</shape>
然后修改changeOtherTextViewBackgroundColor(View view)方法
private void changeOtherTextViewBackgroundColor(View view) {
// TODO Auto-generated method stub
if (itemList!=null) {
for (int i = 0; i < itemList.size(); i++) {
itemList.get(i).setBackgroundDrawable(getResources().getDrawable(R.drawable.settext_bg));
}
itemList.clear();
}
view.setBackgroundDrawable(getResources().getDrawable(R.drawable.settext_bg2));
itemList.add(view);
}
可以看到我们的效果实现了
以上就是全部内容,记录一下,省得遗忘。