MaterialButton当icon显示不正确有什么解决办法？

调整UI元素布局与效果
最新推荐文章于 2024-11-11 13:33:31 发布
原创 最新推荐文章于 2024-11-11 13:33:31 发布 · 490 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ui #java

本文介绍了如何解决UI元素如按钮、图标等显示不居中、大小不合适的问题，并提供了实现按钮点击效果的方法。通过调整iconGravity、iconPadding等属性及使用特定的XML资源文件值，可以改善UI布局。同时，设置checkable属性为true可让按钮具备类似复选框的点击反馈。

显示不居中，试着将iconGravity属性改成textStart，如果不行就改成其他的。

iconPadding属性改成0dp
insetLeft
insetTop
insetRight
insetBottom

这四个统统改成0dp后再观察，如果还是不行就更换xml资源文件吧。

显示太大或太小

iconSize改成xml资源文件里的值

 

button没有checkbox那样的点击效果

checkable设为true

 

Angular Material中的图标按钮居中显示
m0_62153576的博客
03-21 139
在使用Angular Material设计用户界面时，我们常常会遇到一些微妙但重要的布局问题。其中一个常见的问题是如何在中正确地居中显示图标。本文将通过实例详细讲解如何解决这个问题，并探讨Angular Material的设计意图和可能的解决方案。
MaterialButton的icon属性显示不正确及其原因
Niklint的博客
12-28 656
当选中和未选中button出现icon变形，就要考虑更换新的xml文件。MaterialButton的icon属性除了传入正常的drawable，还可以传selector。当引用图片后发现button很奇怪，有位移或者图片变形，都是因为使用的图片资源不标准。图中关闭扬声器图标icon_loudspeaker_ban使用的资源文件是不标准的。这是由于引用的图片资源不统一导致的，最标准的xml资源文件是这样的。至于有些button里的图片不公整，像这样的。传入正常的drawable是这样的。
MaterialButton 图标相关属性设置不生效，均为调用的顺序问题，要先设置方位样式等，最后塞图标
da_ma_dai的博客
04-30 250
MaterialButton 里面的文字被莫名挤出布局，动态设置的 iconGravity 有生效 原因：xml 静态设置的 iconGravity 将图标在布局上占位了；动态设置的代码顺序是先设置图标 icon，再调整方位，就导致图标先把文字挤出去了。 解决方法：先动态设置方位，再设置图标 icon
【Material Design】MaterialButton只看这一篇就足够了
柳的博客
08-18 2018
前言 先写一些废话。 以前我们写一些登录按钮，注册按钮，提交按钮等等，都会新建一个xml文件，写shape，selector。 normal： <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:width="279dp" android:height="38dp"&g
引用Material UI中源代码图标不能正常显示的解决方法
qq_45327886的博客
09-04 2317
Material UI中图标不能正常显示 Material UI中源码的使用方法
你materialButton不是正圆
08-19
好的，用户指出我之前提到的MaterialButton实现可能不是正圆。我需要仔细检查这个问题。首先，用户的需求是正圆形按钮，而我之前提供的代码中使用了app:cornerRadius="30dp"，这可能确实有问题。 MaterialButton的...
<com.google.android.material.button.MaterialButton android:id="@+id/button_auto" android:layout_width="35dp" android:layout_height="35dp" android:backgroundTint="@color/white" android:insetTop="0dp" android:insetBottom="0dp" app:icon="@drawable/edit" app:cornerRadius="17.5dp" app:rippleColor="@android:color/transparent" app:strokeColor="@android:color/darker_gray" app:strokeWidth="1dp" /> 图标没有正确显示在最上层
最新发布
08-20
你提到 `MaterialButton` 上使用 `app:icon="@drawable/edit"` 设置了图标，但图标没有正确显示在最上层（例如被其他内容遮挡或显示层级不对），这可能是由于以下几种原因导致的。 --- ## 问题分析 `Material...
android studio页面布局模拟器运行成功但不显示按钮是什么原因以及如何解决
03-17
</think>### Android Studio布局不显示按钮的原因及解决方法 --- #### 一、常见原因分析 1. **布局尺寸问题** - 按钮的 `layout_width` 或 `layout_height` 设置为 `0dp` 但未正确约束（常见于 `...
<com.google.android.material.button.MaterialButton android:id="@+id/whiteButton" android:layout_width="40dp" android:layout_height="40dp" android:background="@drawable/white_button" android:gravity="center" android:padding="0dp" app:backgroundTint="@null" app:icon="@drawable/color_edit" app:iconGravity="textEnd" app:iconPadding="0dp" /> 为什么这个icon看不见了，其次这个id应该写成whiteButton还是white_button
08-19
你提出的问题有两个核心点： --- ## ❓问题一：为什么 `icon` 看不见了？ 你当前的布局如下： ```xml <com.google.android.material.button.MaterialButton android:id="@+id/whiteButton" android:layout_...
Android 使按钮中的icon图标和文字内容动态居中
cimo的博客
03-21 3348
最近对Android 的Material风格比较感兴趣，MaterialButton很好用，不过插入icon时，icon本身会自动位于最右边，比如下面的注册按钮（随便放的一个icon）： 查了一下，官方没有提供居中的方法，所以需要直接在代码中获取宽度除2，并动态添加padding即可，我已经写好了方法，将btn作为参数传入就行： //复制这个方法就行 public void get...
[Material Design] 教你做一个Material风格、动画的按钮(MaterialButton)
热门推荐
QiuJuer
10-07 1万+
前段时间 Android L 发布了，相信看过发布会了解过的朋友都为其中的 “Material Design” 感到由衷的惊艳吧！至少我是的。 在惊艳之余感到由衷的遗憾，因为其必须在 ”Android L“ 上才能使用，MD，郁闷啊。 之后便自己想弄一个点击动画试试，此念头一发不可收拾；干脆一不做二不休，就重写了一个 ”MaterialButton“ 控件出来。 在这里不讨论什么是 ：“Material Design” 。 在这里将给大家分享一下我自己弄的 “Material Design” 风格的 ”Ma
【Android -- Material Design】MaterialButton 的基本使用
Kevin Learn Android
04-17 1434
MaterialDesgin 设计风格--MaterialButton
解决在Android中给Button设置Padding无效的问题
下课睡觉的博客。while(true){eat();code();sleep()}
07-20 4320
在Xml中给Button设置padding = 0 和用代码给Button设置padding = 0 都无效，是因为，这种情况下，Button的宽高是受TextView中的变量：mMinWidth , mMinHeight和View中的变量：mMinWidth , mMinHeight来共同决定的。首先说一下，TextView是继承自View的，而Button又是继承自TextView的，但其实上，
android 图片按钮 居中显示,实现Button按钮上放置icon或者其他的小图标！！怎么居中显示！！...
weixin_27015733的博客
05-26 2992
有时候我们做开发时候，需要Button上显示小图标例如： 但是呢 button 呢 本身已经设置了 Background了，如果你想设置一个图标，需要这么做了 用：android:drawableTop=“” 这个属性，但是你会发现一个问题就是这样的，android:drawableTop= 会让你的图标靠近的Button的上半部分，你想让它居中，很难调啊！！ 这么做： 一般我们的butt...
Atom Material UI 项目常见问题解决方案
gitblog_01142的博客
11-11 489
Atom Material UI 是一个为 Atom 编辑器设计的动态 UI 主题，遵循 Google 的 Material Design 设计指南。该项目的主要目的是为 Atom 用户提供一个美观且一致的用户界面，使其与 Material Design 的设计理念相匹配。该项目的主要编程语言包括 CSS 和 JavaScript。 ## 新手使用注意事项及解决方案 ### 1. 安装问题 ...
C# Winform控件包 MaterialSkin使用教程 -- Button 按钮篇
XX_YYDS的博客
08-11 1万+
这款控件包是基于MaterialSkin2二次开发的，可以更换想要的皮肤主题，一键转换暗色系，还拥有非常炫酷的动画。 本篇介绍了按钮的设置，这些按钮需要设置的属性其实很少，在DLL中封装好的内容占大多数，这也是我推荐这款控件包的原因，因为像字体、大小、颜色，如果每个控件都要修改一次，那程序员大部分时间就花在了界面上，但是如果不愿意花时间，界面就会非常丑。 使用这款控件包，可以用极少的设置次数实现非常优质的效果，同时更换主题和更换颜色的功能，又能让界面摆脱乏味，一种搭配看厌了就更换成其他颜色，灵活性非常高。
Material Design系列-MaterialButton（Icon）
最孤单的人的博客
07-05 3412
Button: 即使用按钮，用户只需单击一下即可执行操作并做出选择。 #1. 在使用 Material Buttons 按钮之前，我们需要添加一个依赖项： 在build.gradle中： allprojects { repositories { google() jcenter() } } 在dependencies中： dependencies { // ... implementation 'com.google.android.m
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值