如何在MaterialButton上左对齐文本和图标(在文本后面直接使用图标)？
要在MaterialButton上左对齐文本和图标，可以使用以下步骤：
- 首先，确保你的项目中已经引入了Material Design组件库的依赖。
- 在布局文件中，使用MaterialButton控件来创建按钮，并设置其布局属性。
- 在MaterialButton控件中，使用LinearLayout作为按钮的根布局，并设置其方向为水平。
- 在LinearLayout中，先放置一个TextView来显示文本，然后放置一个ImageView来显示图标。
- 对于文本的对齐，可以使用TextView的gravity属性来设置为左对齐。
- 对于图标的对齐，可以使用ImageView的layout_gravity属性来设置为左对齐。
以下是一个示例的布局文件代码：
<com.google.android.material.button.MaterialButton
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮文本"
android:gravity="left" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/icon"
android:layout_gravity="left" />
</LinearLayout>
</com.google.android.material.button.MaterialButton>在这个示例中，我们使用了LinearLayout来包裹TextView和ImageView，并设置了它们的对齐方式。你可以根据需要自定义按钮的样式和属性。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的品牌商，我无法给出具体的链接。但你可以通过访问腾讯云官方网站，搜索相关产品来获取更多信息。
相关·内容
我想创建带有文本和图标的按钮，两者都左对齐。我使用app:iconGravity="textEnd"将图标直接放在按钮文本之后，但是如果我使用android:gravity="left"将文本位置更改为向左，则图标将保留在原来的居中位置 ? 我的布局-xml： <com.google.android.material.butto
浏览 157提问于2021-08-19得票数 0
你好，我遇到了问题，在对齐图标在材料按钮上的Android。我有按钮与match_parent宽度，文字和图标旁边的文字。我想对齐图标8dp左到文本，我试着做它由com.google.android.material.button.MaterialButton app:iconGravity。如您所见，使用较长的文本，图标填充会
浏览 5提问于2018-11-23得票数 3
回答已采纳
我想在android上实现以下设计，D要么是图像，要么是字符。如设计中所提到的，文本应该正确地对齐。有什么建议吗？
我试过使用左可绘制的文本视图，自定义图标的单选按钮和复选框，但文本对齐是一个问题。提前谢谢。
浏览 3提问于2017-02-20得票数 1
回答已采纳
3回答
对齐图标(左)和文本(右)或相反的文本在左和图标在右的最佳方式是什么？这就是我现在怎么做的，但我正在努力让它们要么在同一条
浏览 0提问于2010-06-24得票数 21
回答已采纳
5回答
事实上，不管我使用的常量如何，菜单文本仍然是左对齐的。*更新1
还是没有运气。在重新阅读了JMenu API之后，我意识到setHorizontalTextPosition(int)和setVerticalTextPosition(int)只设置了相对于图标的文本，而setHorizontalAlignment(int)和setVerticalAlignment(int)设置了JMenu中文
浏览 4提问于2012-07-30得票数 3
我有一个容器，它有一个文本列表和每一行对应的图标。我不能让文本对齐，左对齐，图标对齐极右。此外，图标是基于文本长度的水平导向。我已经将文本和图标分开，使用div作为它们自己的独立身份。下面是我使用的CSS属性：
chartInputSymbols: { // this is the
浏览 5提问于2021-02-10得票数 0
回答已采纳
1回答
Vaadin -对齐按钮上的图标
、、、、
我正在做一个简单的后退/前进导航，有两个按钮，每个按钮有一个标签和一个图标(左箭头和右箭头)。 if (!IconCache.FAST_FORWARD_BUTTON.getIconResource()); }
如何对齐每个按钮上的图标目前它看起来像&q
浏览 1提问于2016-03-17得票数 1
回答已采纳
我正在转换一个旧的网站到一个响应网站使用引导，我想找到一个通用的解决方案，转换所有旧的布局格式，使用表格显示图标在左边和文字在右边。因此，我需要它来显示文本，而不管图标旁边的长度如何，如下所示：但是，如果宽度太小，那么它应该显示如下：图标既可以是图形，也可以是字体，也可以是单词，并且应该始终保持相同的宽度。但是正确的文本宽度应该能够改变长度和包装，但保持左对齐</em
浏览 2提问于2016-07-12得票数 0
回答已采纳
1回答
我正在为一个网格做一个分页控件，并为“上一步”和“下一步”按钮使用了非常棒的字体图标。在下图中，您可以看到图像及其文本与页码不能很好地垂直对齐。在元素或伪元素上设置垂直对齐样式似乎没有帮助，因为没有一个垂直对齐</
浏览 1提问于2018-11-24得票数 0
10回答
如何在同一行内对齐文本，使其部分左对齐，部分右对齐？我可以将所有文本左对齐(或右对齐)，或者直接内联，或者使用样式表-
<p style='text-align: left&#x
浏览 5提问于2012-09-15得票数 120
回答已采纳
1回答
在我的Kotlin Android应用程序项目中，我有文本和图标的行。文本的图标权利应与末端边缘对齐。
文本中有一个带有权重(200.0f)的修饰符，但是--我不想使用加权()。当我从文本中删除weight()时，如下面所示，图标直接出现在文本之后。我试着把它与CenterEnd对齐--但没有成功。Text(modifier = Modif
浏览 12提问于2022-02-18得票数 1
回答已采纳
2回答
当标题文本左对齐时，我试图在表格标题中右对齐字体-令人惊讶的图标：我在margin-left元素上使用一个硬编码的<i>值创建了上面的屏幕快照，但这并没有考虑更改表的宽度。是否可以使用CSS只对齐表标题的一部分？还是需要根据当前表的宽度动态设置margin-left？
下面是一个显示我尝试过的CSS选项的，包括图标上的.text-right和</em
浏览 2提问于2015-02-03得票数 0
回答已采纳
2回答
我试图根据我的图标对齐值，即左或右，分配一个自定义标签样式。如果它是左的，图标在文本之前，如果它是对的，图标就在它后面。这里有什么使用三元的方法吗，或者我是否应该用很长的方法来使用它呢？
浏览 4提问于2022-07-06得票数 -1
3回答
材料设计图标垂直对齐，铬
、、、
我们使用的是材料设计图标，但是图标的垂直对齐非常odd...Therefore，我把图标的垂直对齐改为底部。是否有更好的方法来正确定位材料设计图标？或者如何解决在不正确的位置画下
浏览 5提问于2016-03-07得票数 0
回答已采纳
4回答
文本旁边的位置图标
、、、
我已经创建了一个div，它显示一个图标和文本，但我需要得到的图标旁边的文字，而不是在上面。目前的情况如下：我需要像这样的图标在文本旁边(图标需要显示在文本的左边，而不移动文本，这样标题仍然与电话号码一致)：代码：<h3><mat-icon svgIcon=&q
浏览 3提问于2021-01-26得票数 0
回答已采纳
2回答
我需要帮助在Android Studio中的布局。图标和文本垂直居中。如何使用图标对文本进行分组，以便可以将其解释为一个元素，并更容易将
浏览 0提问于2020-03-20得票数 1
2回答
我为UI创建的按钮由一个图标和一些文本组成，如下所示：我使用jQuery来创建按钮，其中的HTML如下： .css({ width: '85px' });
设计团队已经指定了它的外观要求，所以我需要一个85px宽的按钮(我已经做到了这一点)，图标和文本之间有似乎默认的做法是左<em
浏览 0提问于2012-12-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
