首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在drawableLeft图标和文本之间填充Android MaterialButton

在Android中,可以使用drawableLeft属性为MaterialButton添加一个左侧图标,并通过padding属性来调整图标与文本之间的填充。下面是完善且全面的答案:

在Android中,MaterialButton是一种可定制化的按钮控件,可以用于实现各种按钮样式。drawableLeft是MaterialButton的一个属性,用于设置按钮左侧的图标。

填充图标和文本之间的方法是通过设置padding属性来实现。padding属性用于设置控件的内边距,可以控制控件内部内容的边距大小。

为了在drawableLeft图标和文本之间添加填充,你可以使用以下代码:

代码语言:txt
复制
<com.google.android.material.button.MaterialButton
    ...
    android:drawableLeft="@drawable/your_icon"
    android:paddingStart="8dp"
    android:paddingEnd="8dp"
    ... />

在这个例子中,@drawable/your_icon代表你要设置的左侧图标,android:paddingStart="8dp"android:paddingEnd="8dp"设置了图标和文本之间的左右填充为8dp。

Android Material Design是一种由Google推出的设计语言,旨在提供一致的用户界面体验。MaterialButton是Material Design风格的按钮控件,具有丰富的样式和自定义选项。

关于drawableLeft属性和padding属性的更多信息,你可以参考以下链接:

此外,腾讯云也提供了一系列适用于移动开发的产品和服务,例如移动推送、移动分析、移动质量监控等,你可以参考腾讯云官方文档获取更多信息。

请注意,由于要求不提及特定的云计算品牌商,本答案中没有包含与腾讯云相关的链接地址。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

探索 Android Design Support Library v28 新增内容

它们之间有什么不同呢? 这个按钮开箱即用, 它被设计成具有物质本质外观质感, 而无需使用样式标志定义....我们按照原样使用 MaterialButton 类, 并且我们的视图中, 它将具有我们所追求的材质外观质感 -- 将其视为一个提供方便的类. ?...如果该按钮未被填充, 则主题的 accent colour 将作为按钮的文本颜色, 透明背景色....Chip Chip 组件允许我们布局中展示一个纸片组件. 其本质上一些文字被赋予一个圆形背景 -- 这样做的目的是向用户显示某种形式的文本集合, 可能被选择也可能不被选择....我们可以像这样布局中添加一个 Chip , 使用 app:chipText 属性设置 Chip 中显示的文本: <android.support.design.chip.Chip android

1.9K20

Android Material UI控件之MaterialButton

Android Material UI控件之MaterialButton 前言   作为Android的开发者,常用控件肯定少不了按钮控件,常规的按钮控件,只能满足基本需求,而日常开发中,都会有渐变按钮...implementation 'com.google.android.material:material:1.2.0' 在用之前呢。我们最好来看看MaterialButton它里面的代码的大致情况。...因为这个描边是内外描边,如果不加这个1dp的填充,会出现上下按钮最边缘出描边宽度一半的切割,我之前低版本的Android手机上就是这样写的,不过Android11中好像修复了这个问题,我不设置padding...MaterialButton具有默认的内边距,可以通过insetLeft、insetTop、insetRight、insetBottom来改变默认的填充值,如果不设置就是默认的6dp的填充,基本上来说就是上下内填充默认为...还提供了大部分开发过程中常用的图标,不过图标是Material风格的,下面来看看怎么AS中使用这种图标插件安装那里。输入Android material回车搜索。

3.3K20
  • Android 改变图标原有颜色搜索框的实例代码

    图标改变颜色:Drawable的变色,让Android也能有iOS那么方便的图片色调转换,就像同一个图标,但是有多个地方使用,并且颜色不一样,就可以用这个方法了。...图标改变颜色:第一个界面的左边(二维码)右边(更多)两个实现,我放进去的图片是黑色的,显示出来是白色的。 ?...-- 搜索图标设置 左边 android:drawableLeft="@mipmap/icon_search" android:drawablePadding="5dp" 图标和文字的间距...="9dp" android:textSize="12sp" android:drawableLeft="@mipmap/icon_search" android:paddingLeft...https://github.com/DickyQie/android-basic-control/tree/search-box 总结 以上所述是小编给大家介绍的Android 改变图标原有颜色搜索框的实例代码

    1.6K21

    再不迁移到Material Design Components 就out啦

    attr/borderlessButtonStyle” ... /> 之所以出现这种情况是因为,填充布局的时候,会自动将我们布局中的普通控件替换成 MDC 控件。... AppCompat 一样,MDC 会在填充的时候用 MDC 等效的控件来替换某些原始控件。这样就可以发布新功能错误修正了,而不必将所有声明都换成新的类型。...但是,升级后,您可能会注意到某些控件颜色其他属性的某些意外更改。 ? 在上面的示例中,按钮发生了变化、文本图标的颜色发生了变化。FAB 现在变成了蓝绿色,并且文本字段看起来完全不同。不用担心。...由于MDC-Android,AppCompat框架之间共享历史记录,因此,颜色属性集包括以下内容: 框架中已适当命名的现有属性(例如android:colorBackground) AppCompat...MDC窗口小部件使用这些属性来为其背景,文本图标等着色。要了解哪些小部件使用哪种颜色,需要检查源代码中的默认小部件样式。 AppCompat框架中还存在一些颜色,但不再适用于此新系统。

    3.2K30

    Android开发笔记(三十七)按钮类控件

    两者之间的区别在于: 1、Button即可显示文本也可显示图形(通过设置背景图),而ImageButton只能显示图形不能显示文本; 2、Button可在文本周围区域显示小图,而ImageButton...button : 指定左侧勾选图标的图形。如果不指定就使用系统的默认图标;如果要自定义图标就要设置该属性,当然也可以将该属性设置为@null,然后到drawableLeft中设置新图标。...textOff : 指定左侧关闭时候的文本。 switchPadding : 指定左右两个开关按钮之间的距离。 thumbTextPadding : 指定文本左右两边的距离。...setSwitchPadding : 设置左右两个开关按钮之间的距离。 setThumbTextPadding : 设置文本左右两边的距离。...="false" android:drawableLeft="@drawable/ck_switch_selector" /> 点此查看Android开发笔记的完整目录

    1.6K30

    android中UseCompoundDrawables警告

    ——史汀生 Android开发中,如果你看到 UseCompoundDrawables 这类的提示或警告,它通常来自于Android Lint工具,这是一种代码质量检测工具,用于指出可以优化的代码实践...UseCompoundDrawables 警告提示你可以使用 TextView 的 compound drawables 功能,而不是布局中单独使用一个 ImageView TextView。...TextView 提供了一种方式来直接在文本周围放置图标(上、下、左、右),这可以通过TextView中使用 android:drawableLeftandroid:drawableRight、android...假设你有一个 TextView 一个图标显示性别,而你当前是这样布置的: <LinearLayout android:layout_width="wrap_content" android...来设置图标文本之间的间距。

    10910

    【Flutter】评级对话框组件

    评级对话框的一些属性: **message:**此属性用于对话框的消息/描述文本。 **ratingColor:**此属性用于评级栏(星形图标辉光)颜色。...=true android.useAndroidX=true android.enableJetifier=true libs目录下创建 「demo_screen.dart」 文件 Container...小部件内,我们将添加一个Center小部件,并且其子属性添加一个「MaterialButton()。「在此按钮中,我们将添加文本,颜色,按钮形状onPressed方法。...在此对话框中,我们将添加」ratingColor」表示评级栏(星形图标发光效果)的颜色,「标题」,「消息」表示对话框的消息/描述文本,「图像」,「submitButton」表示提交按钮的标签/文本,「...在此对话框中,您将看到我们将添加图像,标题,描述,星级,评论的textField最后一个提交按钮。另外,我们将在右上角的十字图标上添加“取消”。

    4.1K50

    TextView属性方法大全

    ) 文本框内文本的底端绘制指定图像 android:drawableEnd 文本框内文本的结尾处绘制指定图像 android:drawableLeft setCompoundDrawablesWithIntrinsicBounds...(Drawable,Drawabl,Drawabl,Drawabl) 文本框内文本与图形之间的间距 android:drawableRight setCompoundDrawablesWithIntrinsicBounds...该属性支持大量的属性值,不同属性值用于指定特定的输入框 android:lineSpacingExtra setLineSpacing(float, float) 控制两行文本之间的额外间距。...除此之外,该组件还可通过setCheckMarkDrawable() 方法来设置它的勾选图标。 TextView还派生了Button类EditText类,会在后续进行学习,此处不做过多介绍。...Layout File Name输入布局名“textview_layout”,点击“Finish”完成创建。 ? 默认创建的布局文件如图所示,然后在其中填充如下代码片段: <?

    2.1K50

    【Flutter 专题】61 图解基本 Button 按钮小结 (一)

    Button 日常中是必不可少的,和尚尝试过不同类型的 Button,也根据需求自定义过,今天和尚系统的学习一下最基本的 Button; Flutter 中没有 Button Widget,但提供了很多不同类型的.../ OutlineButton 继承自 MaterialButtonMaterialButton 是对 RawMaterialButton 的封装;而BackButton / CloseButton.../ PopupMenuButton 继承自 IconButton;最终 RawMaterialButton IconButton 都是由 ConstrainedBox 填充绘制; ?...,图标样式 Android 与 iOS 不同且不可修改;点击时会优先判断 maybePop 是否可以返回上一页; 案例尝试 BackButton(); BackButton(color: Colors.green...RawMaterialButton 系列 RawMaterialButton RawMaterialButton 是 MaterialButton 的基础,核心是由 Material InkWell

    1.5K21

    笔记22 | 学习整理开源APP(BaseAnimation)程序源码“中的通讯录效果(三)

    ,根据触摸的区域字母高度的计算出position,再向联系人Listview提供一个方向输出position值!...>笔记20 | 学习整理开源APP(BaseAnimation)程序源码“中的通讯录效果(一) ---- 3.2 通讯录界面ListView的数据填充 加载联系人的方法容易理解,排序》加载》处理 >笔记..." android:background="@drawable/sorlistview_search_bar_edit_selector" android:drawableLeft...addTextChangedListener(this); } /** * 因为我们不能直接给EditText设置点击事件,所以我们用记住我们按下的位置来模拟点击事件 * 当我们按下的位置 ...EditText的宽度 - 图标到控件右边的间距 - 图标的宽度 * EditText的宽度 - 图标到控件右边的间距之间我们就算点击了图标,竖直方向没有考虑 */ @

    67340

    Flutter学习

    this.primary = true,// Scaffold是否显示页面的顶部 }) AppBar属性 leading 返回键 iconTheme Appbar 上图标的颜色、透明度、尺寸信息...Flutter AppBar(顶端栏) Button RaisedButton :凸起的按钮,其实就是Android中的Material Design风格的Button ,继承自MaterialButton...FlatButton :扁平化的按钮,继承自MaterialButton OutlineButton :带边框的按钮,继承自MaterialButton IconButton :图标按钮,继承自...还有这么一种场景也可以使用SizeBox,就是可以代替paddingcontainer,然后 用来设置两个控件之间的间距,比如在行或列中就可以设置两个控件之间的间距 主要是可以比使用一个padding...中,Intents主要有两种使用场景:Activity之间切换,以及调用外部组件。

    2.6K20

    Flutter开发-基本组件

    启程 用Flutter开发主要的优势就在于UI层的构建,说到界面设计给出的尺寸的单位开发的单位不一致,那么我们就要获取设备的宽度 final size = MediaQuery.of(context)....size; final width = size.width; final height = size.height; 获取后蓝湖中指定宽度后,就可以直接用蓝湖显示的宽高来写页面了。...this.username = val; }, ), Button Flutter中给我们预先定义好了一些按钮控件给我们用,常用的按钮如下 RaisedButton :凸起的按钮,其实就是Android...中的Material Design风格的Button ,继承自MaterialButton FlatButton :扁平化的按钮,继承自MaterialButton OutlineButton :带边框的按钮...,继承自MaterialButton IconButton :图标按钮,继承自StatelessWidget GestureDetector 非Button组件添加点击事件 GestureDetector

    75110
    领券