首页
学习
活动
专区
工具
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
  • 再不迁移到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:drawableLeft、android:drawableRight、android...假设你有一个 TextView 和一个图标显示性别,而你当前是这样布置的: <LinearLayout android:layout_width="wrap_content" android...来设置图标与文本之间的间距。

    12510

    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】评级对话框组件

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

    4.1K50

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

    Button 在日常中是必不可少的,和尚尝试过不同类型的 Button,也根据需求自定义过,今天和尚系统的学习一下最基本的 Button; Flutter 中没有 Button Widget,但提供了很多不同类型的.../ OutlineButton 继承自 MaterialButton 且 MaterialButton 是对 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的宽度 - 图标到控件右边的间距之间我们就算点击了图标,竖直方向没有考虑 */ @

    67440

    Flutter学习

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

    75510

    2014-10-25Android学习------布局处理(三)------常见且常用的列表布局

    中我们如何像下面的这样格式呢: 左边是图片,右边是两个文本显示控件,并且是上面是图片代表的食物,下面是该食物的介绍, 1)显然我们需要明确的就是图片的大小------它的宽度不是填充父窗体的,而应该是包裹内容的...2)猪肉和黄连这两行文本显示控件的大小-------它的宽度应该是填充父窗体的,(这个时候的填充父窗体是指在当前的水平方向的线性布局中剩下的空间),,它的宽度也可以是包裹内容的,因为我们清楚这里的汉字显示的个数很少...省略号显示在开头; ”end” ——省略号显示在结尾; ”middle”—-省略号显示在中间; ”marquee” ——以跑马灯的方式显示(动画横向移动) 4)上面的汉字显示文本框(黄连),它的内容应该是动态设置的...5)文本显示框应该是在图片的右边的,这个属性应该设置为这样的:android:layout_toRightOf //在某元素的右边 正如代码中的设置:android:layout_toRightOf...:drawableLeft //在text的左边输出一个drawable,如图片 android:drawablePadding //设置text与drawable

    1.1K30
    领券