`

使用颜色做点击效果selector

 
阅读更多

以设置的按钮为例:

 

点击效果文件selector_setting.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/white" android:state_pressed="false"/>
    <item android:drawable="@color/setting_item_press_bg" android:state_pressed="true"/>
</selector>

 

 

 

这里drawable直接使用自定义颜色来做colors.xml:

	<color name="white">#FFFFFF</color>
    <color name="setting_item_press_bg">#F0F0F0</color>

 

 

部局文件的一部分:setting.xml

<LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="20dp"
                    android:background="#ffff"
                    android:orientation="vertical" >

                    <ImageView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:src="@drawable/line" />

                    <!-- 意见反馈 -->

                    <RelativeLayout
                        android:id="@+id/set_commit"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal"
                        android:padding="12dp"
                        android:background="@drawable/selector_setting"
                         >

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="@string/set_feedback"
                            android:textColor="#000" />

                        <ImageView
                            android:layout_width="15dp"
                            android:layout_height="15dp"
                            android:layout_alignParentRight="true"
                            android:src="@drawable/arrow" />
                    </RelativeLayout>

                    <ImageView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="12dp"
                        android:src="@drawable/line" />

                    <!-- 版本更新 -->

                    <RelativeLayout
                        android:id="@+id/set_ver_update"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal"
                        android:background="@drawable/selector_setting"
                        android:padding="12dp" >

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="@string/set_version_update"
                            android:textColor="#000" />

                        <ImageView
                            android:layout_width="15dp"
                            android:layout_height="15dp"
                            android:layout_alignParentRight="true"
                            android:src="@drawable/arrow" />
                    </RelativeLayout>

                    <ImageView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="12dp"
                        android:src="@drawable/line" />

                    <!-- 关于我们 -->

                    <RelativeLayout
                        android:id="@+id/set_about"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal"
                        android:background="@drawable/selector_setting"
                        android:padding="12dp" >

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="@string/set_about_us"
                            android:textColor="#000" />

                        <ImageView
                            android:layout_width="15dp"
                            android:layout_height="15dp"
                            android:layout_alignParentRight="true"
                            android:src="@drawable/arrow" />
                    </RelativeLayout>

                    <ImageView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="12dp"
                        android:src="@drawable/line" />

                    <!-- 给我评分 -->
                    <!--
                     <RelativeLayout                 
                    android:layout_width="match_parent"
                	android:layout_height="wrap_content"
                	android:orientation="horizontal"
                	android:padding="12dp"
                	>
                	
                	<TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="给我评分"
                        android:textColor="#000" />
                	
                	<ImageView 
					   	android:layout_width="15dp"
					    android:layout_height="15dp"
					    android:src="@drawable/arrow"
					    android:layout_alignParentRight="true"
					    />
                </RelativeLayout>
                
                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="12dp"
                    android:src="@drawable/line" />
                    -->


                    <!-- 修改密码 -->

                    <RelativeLayout
                        android:id="@+id/set_edit_password"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal"
                        android:background="@drawable/selector_setting"
                        android:padding="12dp" >

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="@string/set_modify_pass"
                            android:textColor="#000" />

                        <ImageView
                            android:layout_width="15dp"
                            android:layout_height="15dp"
                            android:layout_alignParentRight="true"
                            android:src="@drawable/arrow" />
                    </RelativeLayout>

                    <ImageView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="12dp"
                        android:src="@drawable/line" />

                    <!-- 应用推荐 -->

                    <RelativeLayout
                        android:id="@+id/set_app_center"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal"
                        android:background="@drawable/selector_setting"
                        android:padding="12dp" >
                        
                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="@string/set_app_center"
                            android:textColor="#000" />

                        <ImageView
                            android:layout_width="15dp"
                            android:layout_height="15dp"
                            android:layout_alignParentRight="true"
                            android:src="@drawable/arrow" />
                    </RelativeLayout>

                    <ImageView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:src="@drawable/line" />
                </LinearLayout>

 

 

 

  • 大小: 88.7 KB
分享到:
评论

相关推荐

    Android设置button背景selector和字体selector

    为了实现美观且交互丰富的按钮,我们可以使用Selector来定义按钮在不同状态下的背景和字体颜色。Selector是Android中的一种状态列表资源,它可以为控件在不同状态(如按下、默认、聚焦等)下显示不同的效果。 标题...

    TextView的点击效果

    首先,我们可以使用Android SDK中的内置属性来设置TextView的基本点击效果。最常见的是通过`android:background`属性来更改TextView的背景颜色或使用一个自定义的形状资源。当TextView被点击时,系统会自动切换到...

    android selector注入器

    Selector是Android中的一个Drawable对象,它可以基于View的状态改变其显示效果。通常,我们在res/drawable目录下创建XML文件,定义各种状态如 pressed、focused、enabled 等,并为每个状态分配不同的颜色、图片或者...

    Android点击改变按钮颜色的3种效果

    以下将详细讲解三种实现Android按钮点击后颜色变化的方法。 1. 使用selector资源(Drawable Selector) Android提供了Drawable Selector这一资源类型,它可以定义不同状态下的按钮背景。创建一个XML文件(如`button...

    ListView Button ImageView 里应用selector选择器切换图片并保持住

    总结起来,通过使用selector,开发者可以在ListView、Button和ImageView中轻松地实现图片的动态切换,同时保持住相应状态的效果,极大地提高了应用的交互性和用户体验。记住,selector的灵活性很高,可以根据项目...

    Android-可以根据指定颜色生成SelectorDrawable的插件

    使用`android-selector-intellij-plugin`时,开发者可以指定一个或多个颜色值,插件会自动生成包含这些颜色的Selector。生成的XML文件将包含`&lt;selector&gt;`标签,并且在其中定义各种状态,如`&lt;item&gt;`标签,分别对应于`...

    android selector 定制按钮,xml定制,点击变按背景颜色字体颜色等

    本篇将深入探讨如何通过XML来定制Android的Selector,实现按钮的点击、按下等状态下的背景颜色和字体颜色变化,以及RadioButton的特殊样式,如单条线、圆形边框等。 首先,理解Selector的基本结构。Selector是基于...

    用selector设置button可用和不可用的样式

    本教程将详细介绍如何使用Selector来设置Button在可用和不可用状态下的样式,以提高应用的视觉效果和交互性。 Selector在Android中是一种基于状态的选择器,它可以为不同状态下的View定义不同的样式。它允许开发者...

    SelectorDrawable2

    此外,还可以通过自定义View或者使用`OnClickListener`、`OnFocusChangeListener`等监听器,根据视图的状态动态更新Selector,实现更复杂的交互效果。 SelectorDrawable的一个常见应用场景是在ListView或...

    RelativeLayout点击效果

    总的来说,通过使用图片资源或`color`资源,我们可以轻松为`RelativeLayout`实现点击效果,尤其是背景颜色的变化。这不仅提高了用户界面的互动性,还使得应用的视觉效果更加丰富。在实际开发中,可以根据项目需求和...

    android中按钮的点击效果

    综上所述,"Android中按钮的点击效果"项目涵盖了Android开发中按钮交互的多个方面,从简单的颜色变化到复杂的动画和Material Design规范的应用,都是提升用户体验的重要手段。通过学习和实践这些技术,开发者可以为...

    Android Selector 按下修改背景和文本颜色的实现代码

    Android Selector 按下修改背景和文本颜色的实现代码 Android Selector 是 Android 开发中...通过使用 Selector 文件,我们可以根据不同的状态来改变控件的背景颜色和文本颜色,从而丰富了我们的应用程序的视觉效果。

    Android selector

    在这个"Android selector"主题中,我们将深入探讨如何创建并使用状态选择器来控制按钮(Button)和文字的样式变化。 首先,一个状态选择器通常是一个XML文件,存储在res/drawable目录下。例如,我们可以创建一个名...

    图片文字 点击效果半透明

    在Android中,我们可以通过为视图(View)设置一个Selector来实现点击效果。Selector是一种Drawable对象,它可以有不同的状态,比如默认状态、按下状态、聚焦状态等。当视图的状态改变时,Selector会自动显示相应...

    android listview item背景色点击效果实例

    在Android开发中,ListView是常用的一种控件,用于展示大量数据列表。当用户与列表交互时,为了提供良好的...在实际开发中,还可以结合使用动画或者自定义ViewGroup来实现更多样化的点击效果,以提升用户的使用感受。

    实现按钮Button点击效果 - Demo

    在Android中,我们可以使用selector作为背景,selector是一种状态列表 drawable,可以根据Button的状态(如按下、聚焦等)显示不同的颜色或图像。以下是一个简单的示例: ```xml &lt;!-- res/drawable/button_...

    Android -- Time-Selector日期选择控件.zip

    2. **自定义化**:`Time-Selector`允许开发者根据应用的需求进行高度定制,如自定义颜色方案、字体大小、动画效果等,从而更好地融入应用的整体设计。 3. **交互性**:优化了用户交互,如滑动选择日期和时间,相比...

    Android延时启动效果+轮播图+点击进入+沉浸式状态栏+按钮点击颜色渐变效果+好看的UI框架

    本项目结合了多个关键知识点,包括延时启动效果、轮播图实现、点击进入动画、沉浸式状态栏以及按钮点击时的颜色渐变效果,并且采用了好看的UI框架。以下是这些知识点的详细说明: 1. **延时启动效果**:这是一种...

    button点击效果

    当我们要为按钮设置点击效果时,通常会创建两种状态的图形:一种是默认状态(通常是按钮的正常颜色或样式),另一种是按下状态(即用户点击按钮时的样式)。这两种状态可以通过创建一个XML文件来定义,并放在`...

    自定义一个渐变给图片加点击效果

    在Android开发中,为图片添加点击效果是一种常见的交互设计,可以使用户更好地感知并理解界面的操作。本项目"自定义一个渐变给图片加点击效果"旨在实现当用户点击图片时,图片会产生渐变变化,从而反馈给用户已点击...

Global site tag (gtag.js) - Google Analytics