android 霓虹灯效果

最新推荐文章于 2025-06-02 15:27:18 发布

原创最新推荐文章于 2025-06-02 15:27:18 发布 · 765 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #霓虹灯

android 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在Android中创建霓虹灯效果，通过XML文件配置实现动态视觉效果，适用于移动应用开发中的UI设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

所谓帧布局是由Framelayout所代表的。帧布局容器为每个加入其中的组件创建一个空白的区域，每个子组件占据一帧，这些帧会根据gravity属性执行自动对齐。帧布局的效果类似于AWT编程的CardLayout。
采用帧布局使6个textview叠加在一起，由上边的textview遮住下边的textview。

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">
    <!-- 依次定义6个TextView,先定义的TextView位于底层 -->
    <TextView android:id="@+id/text01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="320dp"
        android:height="320dp"
        android:background="#0f0"
        />

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

    <TextView android:id="@+id/text03"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="240dp"
        android:height="240dp"
        android:background="#00f"
        />
    <TextView android:id="@+id/text04"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="200dp"
        android:height="200dp"
        android:background="#ff0"
        />
    <TextView android:id="@+id/text05"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="160dp"
        android:height="160dp"
        android:background="#f0f"
        />
    <TextView android:id="@+id/text06"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:width="120dp"
        android:height="120dp"
        android:background="#00f"
        />

</FrameLayout>

效果图如下：