逐渐加框的彩虹桥背景

1、布局文件

<?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="vertical" >
    <TextView
        android:id="@+id/str1"
        android:text="赤"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
    />
    <TextView
        android:id="@+id/str2"
        android:text="橙"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
    />
    <TextView
        android:id="@+id/str3"
        android:text="黄"
        android:textColor="@color/color8"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
    />
    <TextView
        android:id="@+id/str4"
        android:text="绿"
        android:textColor="@color/color8"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
    />
    <TextView
        android:id="@+id/str5"
        android:text="青"
        android:textColor="@color/color8"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
    />
    <TextView
        android:id="@+id/str6"
        android:text="蓝"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
    />
   <TextView
        android:id="@+id/str7"
        android:text="紫"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
    />
</LinearLayout>

2、res\values目录下colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="color1">#f00</color>
     <color name="color2">#f60</color>   
    <color name="color3">#ff0</color>
    <color name="color4">#0f0</color>
    <color name="color5">#0ff</color>
    <color name="color6">#00f</color>
    <color name="color7">#60f</color>
   <color name="color8">#000</color>      
</resources>

3、res\values目录下dimen.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <dimen name="basic">24px</dimen>
</resources>

4、MainAcitivity.java

public class MainActivity extends Activity{
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		int[] tvID = new int[]{R.id.str1,R.id.str2,R.id.str3,R.id.str4,R.id.str5,
				R.id.str6,R.id.str7};//定义TextView组件的id数组
		int[] tvColor = new int[]{R.color.color1,R.color.color2,R.color.color3,R.color.color4,
				R.color.color5,R.color.color6,R.color.color7};//使用颜色资源
		for (int i = 0; i < 7; i++) {
			TextView tv = (TextView)findViewById(tvID[i]);//根据id获取TextView组件
			tv.setGravity(Gravity.CENTER);//设置文字居中显示
			tv.setBackgroundColor(getResources().getColor(tvColor[i]));//为TextView组件设置背景颜色
			tv.setHeight((int)(getResources().getDimension(R.dimen.basic))*(i+2)/2);//为TextView组件设置高度
		}
	}
}