开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何覆盖在Android按钮中按下的材料设计状态

Android按钮的材料设计状态包括按下（Pressed）、选中（Selected）、禁用（Disabled）和默认（Default）状态。覆盖这些状态可以通过以下步骤实现：

创建按钮的XML文件：在res/drawable目录下创建一个XML文件，用于定义按钮的不同状态。例如，命名为button_material.xml。
定义按钮的默认状态：在button_material.xml文件中，使用<selector>标签定义按钮的默认状态。例如：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true" android:state_pressed="false" android:drawable="@drawable/button_default" />
    <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/button_pressed" />
    <item android:state_enabled="false" android:drawable="@drawable/button_disabled" />
</selector>

上述代码中，使用<item>标签定义了按钮的不同状态，包括默认状态（button_default）、按下状态（button_pressed）和禁用状态（button_disabled）。

定义按钮的按下状态：在button_material.xml文件中，使用<item>标签定义按钮的按下状态。例如：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    ...
    <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/button_pressed" />
    ...
</selector>

上述代码中，当按钮被按下时，使用@drawable/button_pressed指定按钮的按下状态。

定义按钮的禁用状态：在button_material.xml文件中，使用<item>标签定义按钮的禁用状态。例如：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    ...
    <item android:state_enabled="false" android:drawable="@drawable/button_disabled" />
</selector>

上述代码中，当按钮被禁用时，使用@drawable/button_disabled指定按钮的禁用状态。

应用按钮的材料设计状态：将button_material.xml文件作为按钮的背景属性应用到Android布局文件中的按钮控件上。例如：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_material"
    android:text="按钮" />

上述代码中，通过android:background属性将button_material.xml文件作为按钮的背景，从而应用按钮的材料设计状态。

总结：通过创建XML文件并使用<selector>标签定义按钮的不同状态，可以实现覆盖Android按钮中按下的材料设计状态。在应用布局文件中，将定义好的XML文件作为按钮的背景属性即可实现按钮状态的切换。

相关搜索:Android App在Kotlin中按下按钮时崩溃 Android:在fragment中按下back按钮时如何隐藏底部表单？Android:如何以编程方式切换按钮的按下状态？App计费中的Android :按下按钮即可开始购买流程在Android View中检测后退按钮按下在Android中创建按物料设计的ListPopUpWindow 在ionic 2中按下android后退按钮时如何导航到页面在创建状态或设置状态时不断调用颤动按钮按下的函数如何为应用程序中的每个CardView覆盖材料设计中的样式？如何使用Espresso在WebView中按下/单击按钮

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Android 中图片和按钮按下状态变化实例代码解析

，按下抬起切换背景，同时切换文字颜色 res/layout/activity_xxx.xml <Button android:layout_width="wrap_content" android..." android:text="审批中" android:textColor="@drawable/selector_font_style_corner_button" android:textSize...="13sp" / 其中引用了 res/drawable/ 下的两个 selector ，一个是背景图片随点按抬起状态进行切换，一个是文本颜色随点按抬起进行切换。...:color="#1da1f2"/ </selector 总结以上所述是小编给大家介绍的Android 中图片和按钮按下状态变化实例代码解析，希望对大家有所帮助，如果大家有任何疑问请给我留言...，小编会及时回复大家的。

1K2 0

一文彻底搞清楚 Material Design

Material Design 是一种综合了传统优秀的设计和科技创新的设计语言。 Material Design 的设计灵感来自现实世界中真正的物质材料。...TranslationZ：动态海拔高度偏移高度，是一个偏移的距离，是用来作动画效果，否则不要使用。 Translation Z 是动态的，当创建一个项目，增加一个按钮，当按下按钮会阴影变大了。...按钮的动作效果，默认 FAB 有 6dp 的Elevation，当按下按钮时 translation Z 值开始增加。...动态海拔高度偏移：指的是从静止状态向目标海拔移动的距离（translationZ）组件的海拔高度：同一组件在不同的应用中，海拔高度是相同的，比如：不同应用中的浮动操作按钮的海拔是相同的同一组件在不同的平台和设备中...一般控件的标准海拔应用栏：4dp 按钮：静止状态 2dp 按下状态：8dp 浮动操作按钮（FAB）静止：6dp 按下：12dp 卡片静止：2dp 浮动状态：8dp 菜单和子菜单：菜单：8dp

2.4K1 0

《移动互联网技术》第六章资源管理: 掌握定制控件样式、界面主题、可绘制资源程序的编写方法

” android:layout_height=“wrap_content” tools:text=“定制的按钮“ /> 一个样式能继承并覆盖其他样式的属性。...\res\values\styles.xml 要查看AppTheme主题定义，按下Ctrl键，点击@style/AppTheme，Android Studio就会自动打开res/values/styles.xml...在round_button_pressed.xml中，把按钮的填充颜色改为红色，也就是当用户按下按钮的时候，按钮显示为红色。...” Android:shape=“oval”> StateListDrawable 接下来要把按钮在不同状态下的样式合并到一起。...在标签中设置state_pressed，当按钮的压下状态为真时，就选择使用round_button_pressed样式文件；否则使用round_button_normal样式文件。

841 0

flutter 起步

安装完成后-需要安装as（Android studio）运行 flutter doctor 检查环境缺失的依赖图片根据错误提示安装相对应依赖与工具如何引用并安装第三方库pubspec.yaml管理第三方库在...resizeToAvoidBottomPadding - 类似于 Android 中的 android:windowSoftInputMode='adjustResize'，控制界面内容 body 是否重新布局来避免底部被覆盖了...Text:文本组件Icon:图标组件CloseButton:关闭按钮的组件BackButton:返回按钮的组件Chip:材料设计中非常有趣的一个组件Divider：分割线的组件Card：卡片状的容器组件...Scaffold :Scaffold 实现了基本的 Material Design 布局结构。在 Material 设计中定义的单个界面上的各种布局元素，在 Scaffold 中都支持。...resizeToAvoidBottomPadding - 类似于 Android 中的 android:windowSoftInputMode='adjustResize'，控制界面内容 body 是否重新布局来避免底部被覆盖了

4.5K2 0

项目需求讨论-标题栏上的搜索功能

今天讲的就是一个很简单的具体开始时候遇到的需求，在标题栏中实现搜索功能，而且美工要求需要实现下面GIF图的效果，我就实现了下，可能不是最好的，有哪里可以更方便请大家指出。...正好仔细的讲解了下SearchView和Toolbar。希望大家看看我哪里是不是讲错了。哈哈。 ? 1.先抛开搜索功能，我们看如何单纯实现下图的标题栏的界面： ?...跟我们原来的需求的返回图标不同，所以我们也有二种方法来进行修改：在我们引入的Appbar的theme中添加一个Item，将设计师给我们的图放进去 <item name="<em>android</em>:homeAsUpIndicator...，就知道<em>在</em>第一步<em>中</em><em>的</em>标题栏<em>的</em>布局<em>的</em>上面，<em>覆盖</em>了一层横向布局，用来显示SearchView和取消<em>按钮</em>，该界面默认是隐藏<em>的</em>，只有当<em>按</em>了搜索图标<em>按钮</em>，再让这个横向布局显示，盖在上面，（当然同时也可以让原来<em>的</em>标题和搜索图标<em>按钮</em>隐藏...<em>中</em><em>的</em>搜索框（三）—— SearchView 我们看到，<em>在</em>GIF图中，当我点击了搜索图标<em>按钮</em><em>的</em>时候，SearchView <em>的</em>Visible设为显示<em>状态</em>，同时键盘出现，然后当我点击取消<em>按钮</em><em>的</em>时候，SearchView

1.3K1 0

Android 5.X 新特性详解

本文将就UI 方面Google在Android 5.X 中的改动来向读者做一个简单的汇总，让读者能够深刻领会Android 5.X的精髓所在。...此外，还有很多新的设计风格，比如悬浮按钮、聚焦大图、无框按钮、波纹效果等新特性，这里就不一一列举了。...3Palette 在Android的版本发展中，UI 越来越成为Google 的发展重心。...使用Palette 首先需要在Android Studio 中引用相关的依赖，在项目列表上点击F4，然后在Module Setting 的Dependencies 选项卡中添加com.android.support...下面这个例子，演示了如何通过加载的图片的柔和色调来改变状态栏和Actionbar 的色调，代码如下所示。通过以下方法来提取不同色调的颜色。

9893 0

五环材料管理软件MTO导入操作技巧

一、覆盖方式 1.1演示操作 1.1.1.第一次导入-原始数据第一次导入时PF0004235的设计量是2，后面我们会修改这个材料的设计量作为升版功能的演示数据导入方式选择覆盖导入完成之后可以点击发布按钮执行发布操作...1.1.3.第三次导入-增加了一个材料项在覆盖方式下新增材料所属的那根管线下的所有材料（共5项）都被删除，然后将该管线下原来的5项材料以及1项新增材料（共6项）全部以重新写入的方式被加入，其中未变更的...当采用覆盖的导入方式时，有以下优势： 1.可追溯每一次被覆盖的旧版管线材料数据在系统中会留下历史记录，未来可以反向追溯材料的设计量。...3.材料升版简单如果后期材料升版，只用再次将新版drawmto直接导入，即可完成材料的升版工作，旧版的数据都将被废弃；特别注意到有一种情况是有的管线和材料在前期设计中存在，后期又取消的，用覆盖导入方式才能使这类材料在升版操作中从材料池减去...2.某些情况下模板数据量小关于追加方式有一个合适的应用的场景，就是在MTO导入之后发现有小的变动，而且这种变动仅限于某几根管线下的某几项材料设计量发生了修改，或者是某根管线下新增了几项材料，仅将这部分变动的材料粘到导入模板中比一次处理全厂或者整个装置的材料要简单

5141 0

安卓-碎片的使用入门

这样就完成了在活动中动态添加碎片的功能，重新运行程序，可以看到和之前相同的界面，然后点击一下按钮，效果如图4.6所示。 ?... 在上一小节中，我们成功实现了向活动中动态添加碎片的功能，不过你尝试一下就会发现，通过点击按钮添加了一个碎片之后，这时按下Back键程序就会直接退出。...如果这里我们想模仿类似于返回栈的效果，按下Back键可以回到上一个碎片，该如何实现呢？ ...现在重新运行程序，并点击按钮将AnotherRightFragment添加到活动中，然后按下Back键，你会发现程序并没有退出，而是回到了RightFragment界面，继续按下Back键，RightFragment...结合之前的活动状态，相信你理解起来应该毫不费力吧。同样地，Fragment 类中也提供了一系列的回调方法，以覆盖碎片生命周期的每个环节。

1.4K2 0

来自谷歌的5项Material设计规范

过去Google的产品线，每一个都相当的独立，在产品的设计上反映得尤为明显，甚至不必看产品设计，只要看一下Google每款产品的LOGO都能发现许多不同风格的设计。...实际上，Android 4.0的设计风格，也不是纯粹的平面化设计，在经过仔细观察之下，我们可以看到Android 4.0在细节上并没有反对高光、阴影、纹理，换言之它并不反对立体感。...字体参考规则对于现实世界中的隐喻，Material Design更加倾向于用色彩来提示。我们按下屏幕当中的按钮时，可以看到按钮颜色迅速发生变化，向石头投入湖面一样，产生了一波涟漪。...杜瓦迪这样设计是因为Material Design中的按钮都处于一个平面，不再突起，因此它必须采用和以往不同的表示方法，以表明自己已经被按下。...随着Android 5.0的发布，Material Design也必定会成为未来APP设计的趋势，这种设计理念让Android界面在体验上更加新鲜和简洁，且能够非常有效的激发应用开发者的创作热情，使其带来更加卓越的应用界面

9845 0

AutoJs6 – v6.2.0 – 安卓 JavaScript 自动化工具 (Auto.js 二次开发)

修复主页抽屉权限开关在提示消息对话框消失后可能出现状态未同步的问题修复 Root 权限修改主页抽屉权限开关失败时未继续弹出 ADB 工具对话框的问题修复 Root 权限显示指针位置在初次使用时提示无权限的问题...修复使用悬浮窗菜单关闭悬浮窗后重启应用时悬浮窗依然开启的问题修复布局层次分析时长按列表项可能导致弹出菜单溢出下方屏幕的问题修复安卓 7.x 系统在夜间模式关闭时导航栏按钮难以辨识的问题...修复 http.post 等方法可能出现的请求未关闭异常修复 colors.toString 方法在 Alpha 通道为 0 时其通道信息在结果中丢失的问题优化重定向 Auto.js 4....优化应用图标增加数字标识以提升多个开源版本共存用户的使用体验优化主题色增加更多 Material Design Color (材料设计颜色) 选项优化文件管理器 / 任务面板等列表项图标适当轻量化并适配主题色...优化禁用文档页面双指缩放功能避免文档内容显示异常优化任务面板列表项按相对路径简化显示任务的名称及路径优化文本编辑器按钮文本适当缩写避免文本内容溢出优化文本编辑器设置字体大小支持恢复默认值

4.4K2 0

2018年最优秀的9个Android Material Design Apps!

在今年谷歌所推出的新版Gmail中，展示了全新的材料主题的设计外观，全新的材料设计配色方案，更多的空白区域和精致的图标。设计风格的变化，使其呈现出更加现代化的风格。...作为2017年谷歌材料设计奖得主之一，momondo的安卓应用程序很好的展示了如何在手机应用程序中体现材料设计的基本原理。并且，跟随谷歌材料设计这个主题，也在不断激发新的安卓手机应用设计方向。...下载量：20,844 产品特色：悬浮按钮设计重复交互设计 Asana的安卓设计在维护其品牌的视觉形象的同时，也并没有因为其设计而分散产品的核心功能。...作为材料设计的执行者之一，悬浮按钮的设计在这款应用程序中得到了很好的体现。通过点击品牌浮动操作按钮开始新项目，对话或任务，即可轻松创建新任务。...我们使用动画来消除事件创建过程中的步骤，并帮助使体验更加无摩擦。” - Thomas Censani，产品设计总监总结：去年，摹客团队为大家整理了10款Android界面设计。

1.8K4 0

Solidworks 2023中文版下载安装激活附安装教程

05、如何添加或移除工具栏中的命令按钮 Solidworks的命令按钮非常多，我们可以根据自己的使用习惯，将我们设计过程中常用的一些命令在软件界面上显示，直接点击就能用，同样的也可以将以下不常用的命令移除...出详图和工程图：更新了材料明细表的覆盖和材料明细表的过滤器。...2、材料明细表所选区域差别化在设计工作中，大部分情况下是使用手动的方式进行覆盖材料明细表的更改，但由于选中区域与被选中区域的内容没有显著的差异，为了作区分，帮助用户清晰知道哪些内容是已经被修改的，...现在，当材料明细表被选中时，任何覆盖项目会显示与用户自定义属性链接内容不同的颜色，避免一些更改的失误，减少操作化繁琐度。...3、基于BOM表的一键筛选在 SOLIDWORKS 2023 版本中，材料明细表可以使用具有逻辑条件自定义的过滤器进行标准筛选，导出用户需要的定制材料清单，如零件外购件清单。

11.6K5 0

Android构建Material Design应用详解

Android的UI并不算美观，以至于很多IT公司在进行界面设计的时候，为了保证双平台的统一性，强烈要求Android端的界面风格必须与iOS端一致，我认为这里非常不合理的，同一操作系统中各个应用之间的界面统一性要远比一个应用在双平台的界面统一性重要的多...为了解决这个问题，Google公司在2014年IO大会上推出了一套全新的界面设计语言——Material Design（材料设计语言），这次Google在界面设计上确实下足了功夫，一个词，好看。...并且在2015年IO大会上推出了一个Design Support库，这个库将Material Design中最具代表性的一些控件和效果进行了封装，使得开发者在不了解Material Design的情况下也可以轻松地将自己的应用...LinearLayout，它在内部做了很多滚动事件的封装，并应用了一些 Material Design 的设计理念，AppBarLayout 解决了在 FrameLayout 中 Toolbar 被遮挡的问题...4.全透明状态栏需要 Android 5.0及以上。

1K1 0

Android5.0新特性-Material Design

材料设计概述材料的形态模拟 Google通过模拟自然界纸墨的形态变化、光线与阴影、纸与纸之间的控件层级关系，带来一种真实的空间感更加真实的动画 Android5.x大量加入了各种新的动画效果，让整个设计风格更加自然和谐...大色块的使用 Material Desigin中运用了大量高度饱和、适中亮度的大色块来突出界面的主次，并一扫Android4.X系列Holo主题的沉重感，让界面更加富有时尚感和视觉冲击力此外还有很多新的设计风格...，如悬浮按钮，聚焦大图、无框按钮、波纹效果等新特性具体可参考 http://www.google.com/design/#resources 材料设计能做哪些工作保证向后的兼容性使用材料设计的主题...在Android5.x中，View的Z值由 elevation + translationZ（这两个都是5.x引入的新特性）组成。...Z = elevation + translationZ 通过布局文件和Java代码设置视图的阴影通过布局文件设置在xml中设置View的视图高度 android:elevation="Xxdp"

5772 0

【愚公系列】软考中级-软件设计师 052-面向对象技术（设计模式-行为型）

当你按下遥控器上的按钮时，电视就会接收到对应的命令，并执行相应的操作。这样，你不需要亲自操作电视机上的按钮或控制面板，只需使用遥控器就可以方便地控制电视。...举个例子，当你想要打开电视时，你可以按下遥控器上的电源按钮。这个按钮上封装了“打开电视”的命令，当你按下按钮时，遥控器会发送这个命令给电视机，电视机就会打开。...同样地，如果你想要切换频道，你可以按下对应的频道按钮，这个按钮上封装了相应的“切换频道”的命令，电视就会切换到你想要的频道。...举个生活中的例子：在自动售货机中，售货机可能有不同的状态，如待机、售卖中、缺货等。每种状态下，售货机的行为都不同。...例如，在待机状态下，售货机可能会显示一个欢迎界面，并等待用户选择商品；在售卖中状态下，售货机会接受用户的投币或刷卡，并出货商品；而在缺货状态下，售货机可能会显示一个提示信息，告诉用户该商品暂时缺货。

680 0

Activity基础篇

）停止状态，此时activity被其他activity完全覆盖销毁状态，此时activity将会被系统清理出内存三.activity的回调函数 android系统根据生命周期的不同阶段唤起对应的回调函数来执行代码...从activity最初调用onCreate()方法到最终调用onDestroy()方法的整个过程称之为完整生命周期，在onCreate()方法中设置全局状态，在onDestroy()方法中释放所有资源。...，查看日志然后我们按home返回到桌面按菜单键，选择回到刚才的界面按返回键退出activity 九.如何创建一个activity 新建一个activity步骤如下 1）在src中新建一个类继承...十.如何关闭一个activity 只要按下返回键就可以销毁当前activity，但是假如我们希望通过代码方式来销毁activity，可以使用activity类提供的finish()方法来实现。...十二.四种LaunchMode 史上最详细扔物线讲解Android 面试黑洞——当我按下 Home 键再切回来，会发生什么？

8682 0

Android设计应用图标不用愁---Asset Studio Integration来帮你

Android Asset StudioWeb版是一个非常好用的Andrid图标资源设计工具，它是由RomanNurik开发的。现在我们已经在ADT14里支持同样的功能。...然后，将会弹出“资源选择器”（这些资源其实就是你在布局文件用到的那些图片，比如对于上下文菜单自定义的背景图片，就需要一个为“Background”属性设置一个@drawable的引用）对话框，该对话框里有个按钮...使用Asset Studio的一个优势就是在你点击完成按钮后，它可以直接在你当前的项目中生成你设计好的图标。...它还会在图标名字冲突的时候提示你是否覆盖原文件。如果你在上面的资源选择器界面里点击了“Create Icon”按钮，那么新创建的图标将会在选择器里被选中。...请不要经常使用那个文本功能:（译者按：最好使用Image和Clipart两个）-)我们还仍需要为AOSP贡献更多的剪贴画，这样大家就可以在向导里选择使用（译者按：目前向导的剪贴画只有一个，可以参见前面的图片

1.1K5 0

探究活动Activity(2)界面跳转及生命周期

()方法里面实例化一个按钮，通过按钮的点击响应事件启动监听，在监听方法onClick()里面实例化Intent。...2.1活动状态活动有四种状态：运行状态、暂停状态、停止状态、销毁状态。 Activity类中定义了7个回调方法，覆盖了活动生命周期的每一个环节，下面详细介绍一下这7个方法。...onDestroy() 这个方法在活动被销毁之前调用，之后的活动将变为销毁状态，此时活动处于销毁状态。...，就是指定的按钮不同，及跳转的页面不同而已，现在我们在FirstActivity中添加那些回调方法，然后Log日志打印，来看看它的生命活动：打开FirstActivity，图片如下： ?...注意看和刚才FirstActivity跳转SecondActivity所执行的方法是一样的，那么我们在SecondActivity页面按BACK键返回到FirstActivity和用页面按钮跳转会是一样的吗

1K2 0

Flutte部件目录-基本部件（二）顶

final repeat → ImageRepeat 如何绘制图像未覆盖的布局边界的所有部分....在材料设计应用程序中，请考虑使用FlatButton，或者如果不合适，至少使用InkWell而不是GestureDetector。...一个凸起的按钮由一个矩形的材料悬停在界面上。 ? 一个凸起的按钮是基于Material.elevation在按下按钮时提高的Material部件。...凸起按钮的最小尺寸为88.0×36.0，可以使用ButtonTheme进行过度覆盖。也可以看看: FlatButton, 没有阴影的材料设计按钮....final color → Color 按钮的填充颜色由其材质显示，但处于其默认（未按下状态）状态. [...]

4.4K2 0

【译】正确使用FAB

Floating Action Button，简称FAB，作为材料设计中（众多）独特的UI元素之一，用于特定场景中基本或有推动等作用的行为中。...**中心扩散的水波反馈，不恰当的标高，距屏幕右边距19dp，下边距22dp** ? **完美** ? **无水波反馈，无视图标高，由按下效果组成，距屏幕右边距和下边距24dp** ?...**不恰当的视图标高，图标略微有点大** 正确的FAB 所以，这个独具特色的按钮，在材料设计中的规范是怎样的呢？从上面的这些对照中可以看出，Messenger可以说是最精准的运用了FAB。 ?...The Right FAB 适当的水波反馈（可以在按钮的任意地方产生）静止标高6dp，按下后的标高12dp（或者translationZ = 6dp） Action图标需要合适的宽度（一般2dp的画笔宽度...(正确把握设计的细节，可以营造积极的情绪状态，从而让产品更好用) 毕竟，作为把产品交付给用户的负责人（设计师，工程师，或者团队中的任何一个人），如果你自己都不关心细节，谁又会去做这件事呢？

9271 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭