使用FrameLayout實現霓虹燈效果

1.在res/values文件夾中定義color資源:

<?xml version="1.0" encoding="utf-8"?>
 <resources>
    <color name="color1">#f0a</color>
    <color name="color2">#ffa</color>
    <color name="color3">#af0</color>
    <color name="color4">#aa0</color>
    <color name="color5">#444</color>
    <color name="color6">#fae</color>
</resources>
2.在res/layout文件夾中修改或者定義main.xml:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="fill_parent"
             android:layout_height="fill_parent"
        >
    <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:width="320dp"
            android:height="320dp"
            android:layout_gravity="center"
            android:background="#f00"
            />

    <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:width="280dp"
            android:height="280dp"
            android:layout_gravity="center"
            android:background="#0f0"/>

    <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:width="240dp"
            android:height="240dp"
            android:layout_gravity="center"
            android:background="#00f"/>

    <TextView
            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:width="200dp"
            android:height="200dp"
            android:layout_gravity="center"
            android:background="#ff0"/>

    <TextView
            android:id="@+id/textView5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:width="160dp"
            android:height="160dp"
            android:layout_gravity="center"
            android:background="#0ff"/>

    <TextView
            android:id="@+id/textView6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:width="120dp"
            android:height="120dp"
            android:layout_gravity="center"
            android:background="#f0f"/>
</FrameLayout>

3.Activity中的內容:
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.widget.TextView;

import java.util.Timer;
import java.util.TimerTask;

public class MyActivity extends Activity {
    /**
     * Called when the activity is first created.
     */
    private int currentColor = 0;
    final int[] colors = new int[]{R.color.color1, R.color.color2,
    R.color.color3, R.color.color4, R.color.color5, R.color.color6};
    final int[] names = new int[]{R.id.textView1, R.id.textView2,
    R.id.textView3, R.id.textView4, R.id.textView5, R.id.textView6};

    TextView[] textViews = new TextView[names.length];

    // 定義handle處理異步消息
    Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            if (msg.what == 0x123){
                for (int i = 0; i < names.length; i++) {
                    textViews[i].setBackgroundResource(colors[(i + currentColor) % names.length]);
                }

                currentColor++;
            }

            super.handleMessage(msg);
        }
    };

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        for (int i = 0; i < names.length; i++) {
            textViews[i] = (TextView) findViewById(names[i]);
        }

        //定義一個一個異步任務向handle發送消息
        new Timer().schedule(new TimerTask() {
            @Override
            public void run() {
                handler.sendEmptyMessage(0x123);
            }
        }, 0, 200);
    }
}


發佈了29 篇原創文章 · 獲贊 7 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章