UI布局之selector layer-list

最新推荐文章于 2021-11-10 19:11:23 发布

原创最新推荐文章于 2021-11-10 19:11:23 发布 · 192 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#UI #Android #XML #Facebook

本文介绍了如何利用layer-list和selector两种XML结构来管理Android应用中的界面元素展示效果。通过layer-list可以方便地叠加多个图层，实现复杂背景效果；而selector则允许根据不同状态展示不同样式，提高用户体验。

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

1,当我们想把多个图层叠在一起现身的时候，可以使用layer-list

在drawable下建立一个xml文件例如 login_head.xml

<?xml version="1.0" encoding="UTF-8"?>
<layer-list
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/user_faceback_drawable" android:drawable="@drawable/faceback" />
    <item android:id="@+id/user_face_drawable" android:drawable="@drawable/h001" android:left="10.0dip" android:top="18.0dip" android:right="25.0dip" android:bottom="35.0dip" />
</layer-list>

其中facebook h001都是在drawable下的图片，这样就可以在layout xml文件中使用了

使用方法:

android:background="@drawable/login_head"

2,当我们像让界面随着动作的不同也改变时，例如当checkbox选中和没选中，或者获得焦点时，可以让它显示不同的状态，这些可以在java代码中通过捕捉事件来实现，也可以使用selector，并且更简单。

在drawable下建立一个xml文件，例如 check.xml

<?xml version="1.0" encoding="UTF-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/login_input" />
    <item android:state_pressed="true" android:drawable="@drawable/login_input" />
    <item android:state_focused="true" android:drawable="@drawable/input_over" />
</selector>

使用方法