Android開發(fā)實(shí)現(xiàn)布局幀布局霓虹燈效果示例

更新時(shí)間：2019年04月12日 12:00:24 作者：水中魚之1999

這篇文章主要介紹了Android開發(fā)實(shí)現(xiàn)布局幀布局霓虹燈效果,涉及Android界面布局、資源文件操作及屬性設(shè)置等相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了Android開發(fā)實(shí)現(xiàn)布局幀布局霓虹燈效果。分享給大家供大家參考，具體如下：

效果圖：

實(shí)現(xiàn)方式：

FrameLayout中，設(shè)置8個(gè)TextView，在主函數(shù)中，設(shè)計(jì)顏色數(shù)組，通過(guò)有序替換他們顏色，實(shí)現(xiàn)漸變效果。

java代碼：MainActivity

public class MainActivity extends AppCompatActivity {
  private int currentColor = 0;
  /*
  定義顏色數(shù)組 實(shí)現(xiàn)顏色切換 類似魚片切換
   */
  final int[] colors = new int[]{
    R.color.color1,
    R.color.color2,
    R.color.color3,
    R.color.color4,
    R.color.color5,
    R.color.color6,
    R.color.color7,
    R.color.color8
  };
  final int[] names= new int[]{
    R.id.view01,
    R.id.view02,
    R.id.view03,
    R.id.view04,
    R.id.view05,
    R.id.view06,
    R.id.view07,
    R.id.view08
  };
  TextView[] views = new TextView[names.length];
  Handler handler = new Handler(){
    @Override
    public void handleMessage(Message msg){
      //表明消息由本日程發(fā)送
      if(msg.what == 0x123){
        for(int i = 0; i < names.length; i++){//更換顏色
          views[i].setBackgroundResource(colors[ (i + currentColor) % names.length]);
        }
        currentColor++;
      }
      super.handleMessage(msg);
    }
  };
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    for(int i = 0; i < names.length; i++){//更換顏色
      views[i] = (TextView) findViewById(names[i]);
    }
    //定義一個(gè)線程改變current變量值
    new Timer().schedule(new TimerTask() {
      @Override
      public void run() {
        //發(fā)送一條空消息通知系統(tǒng)改變6個(gè)TextView顏色
        handler.sendEmptyMessage(0x123);
      }
    }, 0, 300);
  }
}

xml文件

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/root"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <!--依次定義六個(gè)TextView，先定義的位于底層
  后定義的位于上層-->
  <TextView
    android:id="@+id/view01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:width="320dp"
    android:height="320dp"
    android:background="#ea7500"/>
  <TextView
    android:id="@+id/view02"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:width="280dp"
    android:height="280dp"
    android:background="#ff8000"/>
  <TextView
    android:id="@+id/view03"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:width="240dp"
    android:height="240dp"
    android:background="#ff9224"/>
  <TextView
    android:id="@+id/view04"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:width="200dp"
    android:height="200dp"
    android:background="#ffa042"/>
  <TextView
    android:id="@+id/view05"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:width="160dp"
    android:height="160dp"
    android:background="#ffaf60"/>
  <TextView
    android:id="@+id/view06"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:width="120dp"
    android:height="120dp"
    android:background="#ffa042"/>
  <TextView
    android:id="@+id/view07"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:width="80dp"
    android:height="80dp"
    android:background="#ff9224"/>
  <TextView
    android:id="@+id/view08"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:width="40dp"
    android:height="40dp"
    android:background="#ff8000"/>
</FrameLayout>

color資源文件設(shè)置：

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <color name="colorPrimary">#008577</color>
  <color name="colorPrimaryDark">#00574B</color>
  <color name="colorAccent">#D81B60</color>
  <color name="color1">#844200</color>
  <color name="color2">#d26900</color>
  <color name="color3">#ff9224</color>
  <color name="color4">#ffbb77</color>
  <color name="color5">#ffd1a4</color>
  <color name="color6">#ffaf60</color>
  <color name="color7">#ff8000</color>
  <color name="color8">#bb5e00</color>
</resources>

改編自瘋狂java第三版

更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《Android控件用法總結(jié)》、《Android開發(fā)入門與進(jìn)階教程》、《Android視圖View技巧總結(jié)》、《Android編程之a(chǎn)ctivity操作技巧總結(jié)》、《Android數(shù)據(jù)庫(kù)操作技巧總結(jié)》及《Android資源操作技巧匯總》

希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: