使用app:srcCompat android MaterialButton而不是app:icon时，未显示图标_React Native Web App中未显示图像。在为Android或iOS构建时出现，但在使用react-scripts启动时不显示 - 腾讯云开发者社区

使用引入material包 implementation 'com.google.android.material:material:1.2.1' 常规 <com.google.android.material.button.MaterialButton...图标 <com.google.android.material.button.MaterialButton android:layout_width="wrap_content" android...android:textAllCaps="false" app:icon="@mipmap/ic_launcher" /> app:icon属性指定图标。...style在未选中的情况下，对背景色设置了透明。...只不过在MaterialButton中drawableStart是没有效果的，而是icon和iconGravity配合使用来达到效果。

8232 0

Android MaterialButton使用详解，告别shape、selector

图标 ?...android:textAllCaps="false" app:icon="@mipmap/ic_launcher" /> app:icon属性指定图标。...style在未选中的情况下，对背景色设置了透明。...呢，是因为涉及到两个属性 android:insetTop 上边距 android:insetBottom 下边距这两个参数默认是6dp，不设置为0dp的话，就不是一个规则的圆。...只不过在MaterialButton中drawableStart是没有效果的，而是icon和iconGravity配合使用来达到效果。属性关于xml属性，我做了一个整理 ?

1.3K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

探索 Android Design Support Library v28 新增内容

如果我们希望自己添加一些更高级的样式, 那么我们可以通过使用 MaterialButton 样式中的一组属性来完成此操作. app:icon: 用于定义在按钮开始时显示的 drawable ?...app:iconTint: 用于给指定了 app:icon 属性的图标着色 app:iconTintMode: 定义了图标的着色模式 ?...app:iconPadding: 用于给指定了 app:icon 属性的图标产生内边距 ?...app:additionalPaddingLeftForIcon: 用于给指定了 app:icon 属性的图标产生左内边距 ?...app:rippleColor: 使用此颜色定义按钮的水波纹效果的颜色 app:backgroundTint: 用于给按钮的背景着色.如果你想要改变按钮的背景颜色, 使用这个属性而不是 background

1.8K2 0

android 中 vector 的用法，坑，怎么替代，关于这几方面的一些看法

app:srcCompat="@drawable/icon_shopping"/> ok , 可以使用，试着改变下图标大小，会发现，完全一样，没有一点模糊。...嗯，到了这一步，我们已经可以自由的使用矢量图标了呢，那怎么改变图标颜色呢？...我的意思则是一处创建，随意使用。 3.支持库正在更新的过程中，可能出现各种各样bug,也可能出现前面改动api实现而掉坑的情况。那怎么办？怎么办？...用TextView的setText设置图标， setTextSize设置大小，用TextColor设置图标颜色，只要能显示String的控件，都可以用，这样说来如何？ <android.support.v7.widget.AppCompatTextView android

6073 0

Android 音乐APP（二）启动白屏优化、定位当前播放歌曲

Android 音乐APP 启动优化前言 Android应用冷启动时，又会短暂的黑屏或者白屏，然后才会进入主页面，黑屏是在Android版本低的时候才会出现，比如Android4.4、5.0。...而现在的Android版本出现的就是白屏。这个虽然不应用功能的使用，但是对用户来说体验感并不好。那么怎么解决这个问题呢？...可以看到当点击桌面的图标时，马上进入启动页，没有卡顿没有白屏，那么你再运行一下Good Music。 ? 可以看到打开速度也是很快的，但是你注意到这个白屏了吗？这样就不是很好的用户体验。...icon_logo是一个图标，如果你的图标需要高像素的话，你就在res下新建一个drawable-xhdpi / drawable-xxhdpi。...当页面有歌曲播放时，滑动列表会显示定位按钮，停止2s后会隐藏定位按钮，下面就是要在点击定位按钮时，定位到当前播放歌曲，虽然目前还没有播放过歌曲。只是一个选中位置。

9491 0

Android 音乐APP（三）播放音乐、自定义进度条、自动下一曲

前言作为音乐APP的主要功能，我放到了第三篇文章，因为播放音乐的功能并没有看上去那么简单，里面有很多细节是在写代码的时候就要考虑，并且加入到逻辑里面的，这可不是危言耸听，下面来看是怎样一个不简单吧...="@dimen/dp_20" app:icon="@drawable/music_location" app:iconGravity="...android:src="@mipmap/icon_music" app:shapeAppearanceOverlay="@style/circleImageStyle...看这个图片是不是有那么点意思了呢？...结语写代码的工程中逻辑很重要，最好是一气呵成，当你的思路被打断，无法集中注意力时，是写不好代码的，而文章则是在代码写好之后再写的，如果有什么问题及时提出来，我会尽快解决。

2K2 0

Android Material UI控件之MaterialButton

Android Material UI控件之MaterialButton 前言作为Android的开发者，常用控件肯定少不了按钮控件，常规的按钮控件，只能满足基本需求，而日常开发中，都会有渐变按钮...而MaterialButton就很好的帮你解决这些问题。让你的UI开发变得轻松一些。是骡子是马，牵出来溜溜，下面进入正文：正文 1....所以我得出一个结论，那就是当你的按钮又要圆角又要渐变时，你最好使用普通的按钮来实现，因为你已经自己写了一个drawable了，所以MaterialButton也就没有用的必要了。...还提供了大部分开发过程中常用的图标，不过图标是Material风格的，下面来看看怎么在AS中使用这种图标。在插件安装那里。输入Android material回车搜索。...使用快捷键之后你可以看到这样一个页面。 ? 为了方面使用，我简单说明一下， Icon 对应的右边图标，这是一个下拉列表里面有很多图标，而且是命名很规范的。先熟悉有哪些再决定怎么使用。

2.8K2 0

Flutter 入门指北之基础部件

，包括部件的广度，多语言的支持等等方面都不是很友好，所以我们还是继续看 MD 风格的 Android 部件吧~)，这里先看下 MaterialApp 的构造函数，介绍一些常用的参数 const MaterialApp...当然，不是说 StatelessWidget 不能实现修改界面数据的功能，这就需要涉及到状态管理的概念了，后面有机会再讲，这边先埋坑【坑1】 Flutter Scaffold 进入 App 后就需要构建界面了...// size 为图标显示的大小，color 为图标的颜色，这边通过 Theme 获取主题色调 Icon(Icons.android, size: 40.0, color:...: Icon(Icons.android), onPressed: () {}), IconButton(icon: Icon(Icons.android), onPressed...: Icon(Icons.android), label: Text('Android')), floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked

1.2K3 0

Android Ble蓝牙App（一）扫描

" ...> 三、扫描页面在Android12及以上版本，使用蓝牙时需要请求扫描、连接权限、如果还需要使用手机作为从机的话，就请求广播权限，后面会提到的，同时在低版本Android...android:textStyle="bold" /> 图标不是XML图片，去源码中获取，这是在扫描不到设备的时候显示的布局，布局lay_should_enable_bluetooth.xml...--未扫描到设备时显示--> <include android:id="@+id/empty_lay" layout="@layout/lay_empty"...-- 位置权限未许可时显示 --> <include android:id="@+id/request_location_lay" layout="@layout...-- 手机蓝牙未开启时显示 --> <include android:id="@+id/enable_bluetooth_lay" layout="@layout

6876 0

Android | 资源冲突覆盖的一些思考

" android:layout_height="wrap_content" app:srcCompat="@drawable/icon_goods" /> </LinearLayout..." android:layout_height="wrap_content" app:srcCompat="@drawable/icon_goods" /> </LinearLayout...由于同名的图标只会保留一份，导致电商页面无法按预期展示我是商城icon，而展示成了我是直播icon，相似的，像string资源也一样。...比如，电商工程和直播工程都有一个相同的图标，但由于命名不一样，打包时就会打包进两份文件增大包体积。...totalSize(10.5KB) 或者，把app-debug_unsigned.apk拖进Android studio查看，可以发现我是直播icon这个图标只剩下一张了。

6632 0

从400多k的大小减到了2B，我的APP是怎么优化的？

,用户体验还是很不好的,下面我们就来整理一下 Android apk 的优化方法一、icon 图标使用 svg 在我们的App中会有很多icon,而且美工小姐姐一般都是成套的给,所以在我们的res文件中可能需要放入多套...icon,这样一来就会使我们的apk文件体积变得非常大了,所以,优化的第一步就从icon 处理开始. icon 尽量使用svg 文件,而不要使用png文件首先 svg 文件是以xml文件的方式存在的...android:layout_gravity="center_horizontal" android:layout_centerInParent="true" app:srcCompat...wrap_content" /> 二、icon状态区分使用 Tint 着色器 Tint着色器能够实现图片变色 ,利用Tint显示不同颜色的图片 ,在原本需要多张相同图片不同颜色的情况,能够减少...icon时,使用 svg Android studio 自带功能,可以自行配置需要的icon尺寸,打包时会自动生成对应尺寸的png 图片.

1.3K4 0

Android | 资源冲突覆盖的一些思考

android:layout_width="wrap_content" android:layout_height="wrap_content" app:srcCompat..." android:layout_height="wrap_content" app:srcCompat="@drawable/icon_goods" /> </LinearLayout...导致电商页面无法按预期展示我是商城icon，而展示成了我是直播icon，相似的，像string资源也一样。...比如，电商工程和直播工程都有一个相同的图标，但由于命名不一样，打包时就会打包进两份文件增大包体积。...totalSize(10.5KB) 或者，把app-debug_unsigned.apk拖进Android studio查看，可以发现我是直播icon这个图标只剩下一张了。

2.3K1 0

Flutter Button（按钮控件）

按下时都会有“水波动画”（又称“涟漪动画”，就是点击时按钮上会出现水波荡漾的动画）。...2、按钮类型已经含义不同的Button拥有不同的功能，正确使用对应的Button可以事半功倍。 Button 含义 MaterialButton 默认按钮，扁平，背景透明。按下后，会有背景色。...FloatingActionButton 浮动按钮，可显示文字和图标，二者选其一。 OutlineButton 外边框按钮，可设置按钮外边框颜色。...3、按钮使用示例 3.1、MaterialButton 默认按钮，扁平，背景透明。按下后，会有背景色。示例见图一。...onPressed: () {}, ), 3.5、FloatingActionButton 浮动按钮，可显示文字和图标，二者选其一。

7.3K1 1

android 显示图片的指定位置图像 ImageView ImageButton

问题出现 UI提供了一些图标素材，但是是在一张图片上如图： ? 产品需要在页面下方横排显示三个按钮 ? 解决方案废话不多说，网上搜了一下，大多都是通过代码重新绘制。...： matrix：使用matrix方式进行缩放。...="parent" app:srcCompat="@drawable/login" /> ?..." app:srcCompat="@drawable/login" /> ?...app:layout_constraintEnd_toEndOf="parent" app:srcCompat="@drawable/login" /> ?

2.4K4 0

【Android 安装包优化】Tint 着色器 ( 简介 | 布局文件中的 Tint 着色器基本用法 | 代码中使用 Tint 着色器添加颜色效果 )

可以使图片变色 , 使用该机制可以显示不同颜色的图片 ; 给定一个白色图标图片 , 如果要显示不同颜色的图片 , 可以直接在 ImageView 中设置 android:tint 或 app:tint...属性 , 设置一个颜色值 , 即可将该图片显示为指定颜色的图片 ; 这样一张图片 , 可以显示多种不同颜色的效果 , 从而减少了 APK 打包的图片数量 , 减少了 APK 安装包的大小 ; 该 tint...app:layout_constraintVertical_bias="0.5" app:tint="@color/purple_700" app:srcCompat="...="parent" app:layout_constraintVertical_bias="0" app:srcCompat="@drawable/ic_plane"/>...app:layout_constraintVertical_bias="0.5" app:tint="@color/purple_700" app:srcCompat="

9911 0

Android 垃圾分类APP（三）垃圾分类之语音输入

app:srcCompat="@mipmap/icon_search" /> <EditText android:id="@+id/et_goods...app:icon="@mipmap/icon_text_input" app:iconGravity="textStart" app:iconSize="@dimen/dp...app:icon="@mipmap/icon_voice_input" app:iconGravity="textStart" app:iconSize="@dimen/...android:src="@mipmap/icon_voice" app:backgroundTint="@color/white" app:backgroundTintMode...四、请求权限语音输入需要使用麦克风，这个是需要权限的，因此要动态申请，这个权限申请有两种方式，第一个是在应用安装运行时申请，通常是在引导页或者欢迎页，第二个就是在用户需要使用这个功能时才去请求权限

1.8K2 0

AppCompat v23.2 -- Vectors的时代

众所周知：开发者想使用资源图片，我们已经把支持矢量图绘制添加到了APP中。一下是几个整合的原因，包括：允许开发者在所有的Android2.1以上的设备更早的用上图允许APP本身能够用矢量图。...当我们在用AppCompat时，VectorDrawableCompat不仅用在Api20或者更低。这意味着你当你在Api21或者更高时你在用framework层的VectorDrawable类。...我们已经加入了app:srcCompat属性去支持VectorDrawableCompat。它代替了android:src属性，并且你也可以安全的使用那些不属于矢量图的资源。...="wrap_content" android:layout_height="wrap_content" app:srcCompat="@drawable/ic_search"/> 你也可以这样设置它...如果你尝试在api 10或者更低去用矢量动画，你会得到一个”null”或者什么都不显示。

4374 0

JetPack Material Design 组件简单介绍

因为没有release，所以只是介绍了解，以后release了可以直接使用 1.BadgeDrawable 未读消息数和右上角小红点 findViewById(R.id.txt...:layout_marginLeft="200dp" android:text="12131" app:icon="@android:drawable/ic_btn_speak_now...而且 fabCustomSize 属性值必须和 width，height 一致 ExtendedFloatingActionButton app:icon 设置图标而不是 android:src 设置...wrap_content 会让text icon全部显示出来。...BottomSheetDialog.gif 7.MaterialButton 这个相对简单，没啥介绍的，唯一有亮点的地方就是含有icon的button，但其实这些一般都会在项目里面有，而且也用不到那么多的功能

1.8K2 0

『Flutter』常用组件按钮、图片

1.前言经过上一篇文章的学习，我们大家可以了解到布局相关的组件，但是在实际开发中，我们还需要使用到其他的组件，比如按钮、图片、文本、输入框等等，这些组件都是我们在开发中经常使用的，所以本篇文章我们就来学习一下这些常用组件...当按下时，边框和文字颜色会变化，适用于需要强调边框而非背景色的场景。 IconButton：这是一个图标按钮，常用于工具栏和对话框中。它可以包含图标而不是文本，适用于空间有限或需要图形化表示的地方。...onPressed 会被触发当 TextButton 被长按时，onLongPress 会被触发 4.Icon Flutter 中的 Icon 组件用于显示 Material 设计风格的图标。...常见属性及其作用： icon (IconData): 必需的属性，用于指定要显示的图标。通常从 Icons 类中选择一个图标。 size (double): 图标的大小。默认大小是 24.0。...textDirection (TextDirection): 图标的文本方向。这对于一些图标（如箭头）非常重要，其方向可能会因语言的阅读方向（从左到右或从右到左）而改变。

2623 1

4-VI--☆ListView的封装支持多种条目

"parent" app:layout_constraintVertical_bias="0.0" app:srcCompat="@mipmap/head_center"...="@+id/iv_icon" app:layout_constraintStart_toEndOf="@+id/iv_icon" app:layout_constraintTop_toTopOf...="@+id/iv_icon" app:layout_constraintStart_toEndOf="@+id/iv_icon" app:layout_constraintTop_toTopOf...="parent" app:layout_constraintVertical_bias="0.0" app:srcCompat="@mipmap/head_left"..."parent" app:layout_constraintVertical_bias="0.0" app:srcCompat="@mipmap/test"/>

3853 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Android MaterialButton使用详解，告别shape、selector

Android MaterialButton使用详解，告别shape、selector

探索 Android Design Support Library v28 新增内容

android 中 vector 的用法，坑，怎么替代，关于这几方面的一些看法

Android 音乐APP（二）启动白屏优化、定位当前播放歌曲

Android 音乐APP（三）播放音乐、自定义进度条、自动下一曲

Android Material UI控件之MaterialButton

Flutter 入门指北之基础部件

Android Ble蓝牙App（一）扫描

Android | 资源冲突覆盖的一些思考

从400多k的大小减到了2B，我的APP是怎么优化的？

Android | 资源冲突覆盖的一些思考

Flutter Button（按钮控件）

android 显示图片的指定位置图像 ImageView ImageButton

【Android 安装包优化】Tint 着色器 ( 简介 | 布局文件中的 Tint 着色器基本用法 | 代码中使用 Tint 着色器添加颜色效果 )

Android 垃圾分类APP（三）垃圾分类之语音输入

AppCompat v23.2 -- Vectors的时代

JetPack Material Design 组件简单介绍

『Flutter』常用组件按钮、图片

4-VI--☆ListView的封装支持多种条目

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐