温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么在Android中实现一个布局帧布局霓虹灯效果

发布时间:2021-04-07 15:51:18 来源:亿速云 阅读:200 作者:Leah 栏目:移动开发

本篇文章为大家展示了怎么在Android中实现一个布局帧布局霓虹灯效果,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

实现方式:

FrameLayout中,设置8个TextView,在主函数中,设计颜色数组,通过有序替换他们颜色,实现渐变效果。

java代码:MainActivity

public class MainActivity extends AppCompatActivity {   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,     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){       //表明消息由本日程发送       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]);     }     //定义一个线程改变current变量值     new Timer().schedule(new TimerTask() {       @Override       public void run() {         //发送一条空消息通知系统改变6个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">   <!--依次定义六个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资源文件设置:

<?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>

上述内容就是怎么在Android中实现一个布局帧布局霓虹灯效果,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI