仅工具栏外的离子4圆形图标按钮/离子按钮
基础概念
离子（Ionic）是一个开源的HTML5移动应用开发框架，它基于Angular、React或Vue.js等现代JavaScript框架。离子框架提供了丰富的UI组件库，使得开发者可以快速构建出高质量的移动应用。离子按钮（Ionic Button）是离子框架中的一个基础组件，用于实现各种交互操作。
相关优势
- 丰富的UI组件：离子提供了大量的预定义UI组件，包括按钮、表单、列表等，可以大大提高开发效率。
- 跨平台支持：离子应用可以运行在iOS和Android平台上，通过一次开发即可覆盖多个平台。
- 响应式设计：离子框架内置了响应式设计，能够自动适应不同屏幕尺寸的设备。
- 性能优化：离子使用原生设备功能，如相机、地理位置等，提供接近原生应用的性能。
类型
离子按钮有多种类型，包括：
- 基础按钮：简单的文本按钮。
- 图标按钮：带有图标的按钮。
- 圆形按钮：圆形的按钮，通常用于特定的交互操作。
- 浮动按钮：悬浮在屏幕底部的按钮，常用于快速访问功能。
应用场景
离子按钮广泛应用于各种移动应用中，例如：
- 导航栏：用于页面间的跳转。
- 表单提交：用于提交用户输入的数据。
- 操作确认：用于确认用户的操作，如删除、保存等。
- 功能触发：用于触发特定的功能，如拍照、录音等。
遇到的问题及解决方法
问题：仅工具栏外的离子4圆形图标按钮不显示
原因：
- 样式问题：可能是由于CSS样式冲突或未正确引入离子样式文件。
- 组件配置错误：可能是由于组件配置不正确，导致按钮未能正确渲染。
- JavaScript错误：可能是由于JavaScript代码错误，导致按钮无法显示。
解决方法：
- 检查样式文件： 确保已正确引入离子样式文件，并检查是否有其他CSS样式冲突。
- 检查样式文件： 确保已正确引入离子样式文件，并检查是否有其他CSS样式冲突。
- 检查组件配置：
确保按钮组件的配置正确，特别是
type属性设置为round。 - 检查组件配置：
确保按钮组件的配置正确，特别是
type属性设置为round。 - 检查JavaScript错误： 打开浏览器的开发者工具，查看控制台是否有JavaScript错误，并修复这些错误。
示例代码
以下是一个简单的示例，展示如何在离子框架中使用圆形图标按钮：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ion Button Example</title>
<link href="https://cdn.jsdelivr.net/npm/@ionic/core@4.0.0/dist/ionic.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/@ionic/core@4.0.0/dist/ionic.browser.umd.min.js"></script>
</head>
<body>
<ion-app>
<ion-header>
<ion-toolbar>
<ion-title>
Ionic Button Example
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-button type="round" icon-only>
<ion-icon name="add"></ion-icon>
</ion-button>
</ion-content>
</ion-app>
</body>
</html>参考链接
通过以上信息，你应该能够更好地理解离子按钮的基础概念、优势、类型、应用场景以及常见问题的解决方法。
相关·内容
5回答
如何在离子按钮之外创建一个圆形的、清晰的、只有图标的按钮？我想有一个你得到的风格的按钮，当你在ion-buttons中使用和图标按钮(例如清除和圆形)。到目前为止，我的代码如下： <ion-button icon-only shape="round" color="white" fill="clear">
<ion-icon slot="icon-only" name="close"></ion-icon>
</ion-button>
浏览 81提问于2019-12-16得票数 4
回答已采纳
如何创建带有离子图标的圆形离子按钮(基于角度)？ 例如： ? 代码的起始点： <ion-button (click)="buttonClicked()">
<ion-icon name="send-sharp"></ion-icon>
</ion-button> 我尝试了these解决方案，但没有任何帮助。
浏览 88提问于2021-06-20得票数 1
回答已采纳
我在更改Android应用程序的图标时遇到了困难。我已经按照说明进行了操作：
1.Right click on the project
2.Select New -> Image Asset
3.Select 'Asset Type' as Image
4.Select Path of and .png image
5.Optional: padding, trimming etc.
6.Next and Finish
这会更改minmap/ic_launcher.png内容中的图标，但不会更改minmap/ic_launcher_round.png文件夹内容。如果将An
浏览 23提问于2017-08-28得票数 14
回答已采纳
1回答
我最近更新了从kubuntu 14.04到18.04，得到了新的血浆5.12.6。然而，小部件(如网络管理器、音量、电池、日历等)都缺少关闭按钮(在右上角交叉)。我可以通过再次单击工具栏上的右边图标来关闭它们，但是它更慢，也更困难(首先，您需要知道单击哪个图标，如果它是意外打开的，第二，您需要更好的眼睛-手协调，因为工具栏图标是如此小和接近彼此)。而不是关闭按钮，有无用的别针按钮(我总是意外地点击，当搜索关闭)。
我还记得，在旧等离子体中，可以通过单击工具栏的任何位置关闭小部件窗口。
这是等离子部件的一个新特性吗？能把旧的关闭按钮拿回来吗？还是通过单击任何地方的工具栏关闭小部件的行为？
编辑:
浏览 0提问于2018-12-09得票数 1
回答已采纳
我只需要在点击按钮时显示一个离子图标。
我试着在这个图标上添加一个类，然后就这么做了：
.icn { visibility: visible; }
但是它不起作用，有没有人知道另一种方法？
浏览 0提问于2016-03-04得票数 0
1回答
我在使用android studio时遇到了以下问题:我已经完成了我的应用程序，当我用通过USB连接的模拟器在我的android智能手机上测试它时，一切都正常。然后我将apk发送给一个朋友进行测试，他发现屏幕上没有应用程序图标。可能的原因是什么？该图标是否仅在google play商店的apk中可见？我如何确保在play store中发布它时它是可见的？或者是因为我没有定义圆形图标，而只是定义了一个矩形？是否有必要定义一个圆形图标(对我的图标来说看起来不太好)？如果我没有定义圆形图标，我必须像矩形一样定义rounded_icon，或者我可以保留基本的安卓图标，或者我必须删除圆形图标属性？
我知
浏览 1提问于2018-10-19得票数 0
我有一个用于移动设备的离子角应用程序，在单击按钮时，我想使用插件启动邮件应用程序。
<离子按钮shape=“圆形”(单击)=“openEmailApp()”>如何使用此应用程序启动程序
浏览 3提问于2022-06-26得票数 0
我想设置一个圆形按钮，中间有一个离子图标。
我有这样的事情：
button {
color: white;
&.button-rounded {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
border: 2px solid white;
border-radius: 50%;
color: white;
text-align: center;
t
浏览 1提问于2015-10-02得票数 2
1回答
我正在尝试在我创建的表单中使用Font Awesome。该表单基本上是一个多项选择测验，它将有一个问题，后面跟着可能的正确答案和单选按钮。
我想在测验中加入Font Awesome而不是单选按钮。()我想使用字体集合中的图标-圆形和图标-圆形-空白，这样当用户单击答案时，JavaScript会将图标更改为“图标-圆形”，而不是“图标-圆形-空白”。
有没有人有关于如何做到这一点的想法和或最佳实践？
谢谢!
浏览 2提问于2013-04-01得票数 0
回答已采纳
1回答
我试着做一个简单的离子演示。我有一个页脚有一个图标离子合成(左下角图标)。当我单击该图标时，它会显示一个弹出屏幕，我在文本字段中输入名称，然后按保存按钮。然后生成一个具有与弹出屏幕文本字段相同的文本的行。我需要添加图标按钮的行(如删除按钮，编辑按钮)。我们可以在动态生成的行上添加图标吗，就像我在页脚(左下角离子-编写器)中所做的那样？
请在行中加入离子
这是我的密码
<ion-item ng-repeat="item in items">
{{item.testcase}}
<ion-re
浏览 2提问于2015-04-25得票数 0
回答已采纳
当我想使用Eclipse的“create”创建一个ActionBar图标时，我从我的resources.Instead中选择一个正确创建它的图标，它只会得到它的形状，并将其涂成灰色。如果我有一个圆形的.png，里面有一个箭头，它只能得到圆形的形状，而不是箭头-- image.How，我能克服它吗？
编辑
浏览 4提问于2013-01-22得票数 0
1回答
离子按钮不起作用
、、、
我想使用离子1的特殊按钮，使用离子按钮，在本页中解释： -因此，我尝试了两个按钮，一个圆形按钮和一个大纲+圆：
<h2 class="sub-header" style="color:#4e67c3;">Oggetto {{ selectedproduct.idproduct }} <img src="img/cart.png" height="30" width="38"></h2>
<ul class = "licatalog">
浏览 6提问于2017-06-02得票数 1
回答已采纳
1回答
我试图做一个简单的演示在离子.I有一个页脚有一个图标，左图标)，我点击那个图标，它显示一个弹出屏幕，我在文本字段中输入名称，然后按下保存按钮.then，它生成一行，其文本与弹出屏幕文本字段中的文本相同，需要在行中添加图标按钮(比如删除按钮、编辑按钮)，我们在动态生成的行上添加图标，就像我在页脚(左下角离子-composer)中所做的那样。请在行中加入离子
这是我的密码
<ion-item ng-repeat="item in items">
{{item.testcase}}
<ion-r
浏览 12提问于2015-04-25得票数 0
3回答
在ionic中实现半星
、、、、
所以基本上，我有一个离子移动应用程序，它有一个评级模块。但是，当我得到一个不是整数的平均值时，我很难知道如何实现半星。所以我做的就是舍入它。并显示离子图标星形。这些是我的代码
<span *ngIf="item.rating" class="review">
{{item.rating}}
<ion-icon name="star" *ngIf="Round(item.rating) > 0"></ion-icon>
<ion-
浏览 1提问于2018-03-07得票数 0
2回答
有没有办法在拉斐尔JS中模拟事件冒泡？我有几个圆形对象，我想把图标放进去，但是一旦我把图标放在上面，我所有的圆形事件处理(悬停，点击，拖动)就会变得一团糟(图标捕获了悬停，点击，拖动事件)。
我考虑过几种选择，但大多数都非常非常混乱(交叉调用所有类型的事件处理程序，试图“同步”图标和按钮)，而我真正想做的就是将图标“分组”，并作为一个按钮循环在一起。一种更简单的方法是让圆形+按钮本身成为一个图像，但我希望能够动态地更改按钮的颜色，这样手动更改图像的颜色就会很麻烦。
有没有更好的方法来做到这一点？
浏览 1提问于2011-06-21得票数 3
我有一个使用图片作为按钮的网站，我有一些图片，背景中有一些空白，它们是圆形的矩形按钮，就像应用商店的图标。与空白的背景相比，它们看起来很好，但当我使用白色以外的任何东西时，小空白就会出现，看起来很糟糕。有没有什么方法可以设置透明色，这样空白就会消失？
浏览 3提问于2011-12-21得票数 1
我试图有一个圆形按钮与搜索图标，当它盘旋时，圆形按钮应该缩放，而搜索图标应该保持不变。
这就是我想要的
对于父级"div“，在下课后，我将”搜索字形图标“放置在”按钮“的中间，并在”按钮“的悬停上使用css "transform”属性和“SearchAnph图标”不受影响，因为它位于“按钮”之外。
我面临的问题是，“搜索图标”是“按钮”的父"div“的一部分，它位于”按钮“的顶部，并且悬停在”搜索图标“的位置上。
如果还有别的选择让我知道，
这是
HTML
<div class="global-search-form" role="sear
浏览 5提问于2014-03-19得票数 3
回答已采纳
3回答
我正在用Visual 15社区、Ionic和Apache构建一个android应用程序，我想更新我的离子型应用程序的图标。我正在用Genymotion仿真这个应用程序，但是我使用VS15内置的安卓仿真器得到了同样的结果。
此外，我使用了一个空白离子项目。
我已经试过了
我在配置文件中添加了图标的源代码(请注意，我自己添加了密度，它尚未生成)
创建基于此蓝图的应用程序徽标：
将.png文件放置在特定文件夹中
我遵循了离子型和可视化工作室网站的指示，没有结果。
我没试过
实际上，我没有尝试执行命令来使用$ ionic resources --icon更新
浏览 2提问于2016-08-24得票数 1
回答已采纳
我们可以使用FlatButton.icon()创建图标按钮，但它需要label参数。我们也可以使用IconButton()，但它会生成一个圆形图标按钮。
如何制作一个像FlatButton()一样的矩形图标按钮，但只有一个图标在颤动？
浏览 30提问于2019-12-02得票数 4
回答已采纳
1回答
按钮图标:圆形关闭图标
、、、、
我见过其他应用程序使用圆形图标来关闭视图。我找到的唯一一个类似的图标是UIBarButtonSystemItemStop。但这只显示了一个旋转的十字，周围有一个边框(总是带有按钮)。
我更希望有像UIButtonTypeInfoLight这样的东西。如果使用此按钮，则没有可见的边框。这个图标也是一个圆形的灰色图标，上面有一个符号(这里是I符号)。还有没有更多这种风格的图标？UIBarButtonSystemItem和UIButtonType都没有提供这样的服务。
我还看到了一个UIButtonTypeInfoLight风格的thunderbolt图标。这些图标是自己做的吗？如果是，如何包含它们
浏览 0提问于2010-09-28得票数 0
回答已采纳
目前正在学习如何开发HTML/CSS网站，我正在努力寻找可以帮助我开发一个正在进行的实践项目的资源。
谁能教我如何通过CSS开发这样的东西。
带有圆形图标的按钮/移动设备的图像。我需要使图像/图标为圆形并适合按钮，但当我使用此按钮时，整个按钮的大小将调整为图像大小。
<button class="btn"><img src=""></img> Home</button>
希望也有人能帮上忙，让它在移动设备上像这样。一种按钮菜单，其中两个按钮占据整个屏幕。
浏览 3提问于2020-06-10得票数 2
我想使用指令切换离子中的播放/暂停按钮，其值为
$scope.autoplay
在HTML中我有一个按钮元素：
<playbtn></playbtn>
这个按钮是一个离子图标。
播放按钮：<i class="ion-ios-play"></i>
暂停按钮：<i class="ion-ios-pause"></i>
如何将此指令更改为切换图标？
.directive('playbtn', function() {
return {
restrict: 'E&
浏览 4提问于2016-01-15得票数 1
回答已采纳
2回答
我正在开发Windows 8，VS 2012。我在按钮上添加了一个圆形图标：
this.btn.Image = Properties.Resources.icon;
this.btn.Size = Properties.Resources.icon.Size;
我的表格也有背景图像：
this.BackgroundImage = Properties.Resources.sunset;
但是我变得丑陋了，我的图标按钮是正方形的:中间是圆形的图像，角落是灰色的。
问题是如何显示表单背景而不是灰色？
感谢您的关注
浏览 2提问于2015-10-06得票数 6
回答已采纳
1回答
为了拖动功能，我在ontouch事件中使用了set setTranslationX() setTranslationY()的圆形可拖动按钮。我如何才能知道，如果有任何按钮拖动到图标的中间，是否躺在中间的图标？
浏览 2提问于2017-04-20得票数 1
回答已采纳
我正在寻找一种方法，以取代占位符文本在一个离子选择的行动表与图标，而不是简单的文本。
现在，我知道可以通过在HTML中添加“okText”和“cancelText”来更改文本：
<ion-select multiple="true" [(ngModel)]="selectedGenres" (ionChange)="filterByGenre()" okText="Okido!" cancelText="Nah, whatever..">
<ion-option *ngF
浏览 3提问于2018-04-23得票数 1
回答已采纳
烦人的问题。如果我想查看任何桌面图标的属性，右键单击“属性”，然后在面板/任务栏中找到，然后单击该按钮使窗口弹出，该窗口应该已经弹出。
我安装了Ubuntu18.04LTS，然后添加了各种桌面(XFCE4 & KDE等离子体)。Ubuntu和XFCE4桌面没有这个问题，只有KDE等离子体。
我是错过了一个简单的设置还是结束？
谢谢,
托德K.
浏览 0提问于2019-04-06得票数 1
1回答
我正在构建一个离子应用程序，并希望在我的大多数页面的右下角显示一个圆形的'+‘按钮。单击此按钮应该会将用户带到一个新页面。
但我不确定如何在不重复代码的情况下在许多页面上显示fab按钮。
请帮帮我
浏览 0提问于2018-08-12得票数 0
我有两个并排的控制元素。一个是-与here相同 <mat-checkbox>Check me!</mat-checkbox> 另一个是材质图标按钮 <button mat-icon-button>
<mat-icon>home</mat-icon>
</button> 当我们指向(悬停在)复选框时，它会显示一个灰色的圆形波纹(默认情况下)。 但当我们指向按钮时，它并不具有相同的效果。为了保持两个控件的一致性，我希望当用户指向(悬停)图标按钮时，图标按钮具有相同的涟漪效果。两个元素上的波纹需要具有相同的圆形
浏览 60提问于2020-06-25得票数 0
我正在用Xcode在上开发一个应用程序。我有一个带有侧栏的窗口控制器，它为您提供了一个拆分的视图控制器，该控制器被拆分为一个侧栏控制器和一个视图控制器。
现在看起来是这样的：
当我单击工具栏中的侧边栏图标时，我希望能够切换左边的侧边栏(如折叠或显示)。我将工具栏中的图标添加为自定义工具栏项，只需拖动和删除一个具有纹理的圆形按钮，并在其中放置一个图标。
有人知道怎么做吗？已经有我需要呼叫的功能了吗？会非常感激的。
到目前为止，我在网上找到了一些资源，如：
然而，它们都在Swift中，我找不到C#的任何等价物。
浏览 12提问于2022-11-17得票数 0
回答已采纳
我已经在我的win32应用程序中实现了一个所有者绘制按钮(没有MFC)。按钮是一个普通的20x20位图(带透明度的圆形图标)。问题是按钮定位在纯色背景上，我可以看到按钮的灰色背景(因为位图是圆形的)。我试着用NULL_BRUSH回复WM_CTLCOLORBTN，但是没有成功..我尝试过使用位图和ico文件来显示按钮，但是没有效果。有人知道如何解决这个问题吗？
这是我的问题，设置图标的边缘应该是透明的(不是白色/灰色)
浏览 2提问于2011-10-31得票数 0
回答已采纳
我的系统是Win7旗舰版32位，我的任务栏按钮组策略是“总是组合，隐藏laybels”。
有一个程序有一些快捷键，当我点击不同的快捷键打开该程序时，我发现图标没有按照策略说明的那样组合在一起。
所有这些捷径都指向相同的位置。谁能告诉我为什么会发生这种情况，以及如何组合所有这些图标？谢谢
PS:系统说我是一个新用户，没有发布图片的权利……
浏览 1提问于2012-08-16得票数 0
回答已采纳
1回答
好的所以..。
我已将NavigationBar Style设置为Black，以便状态栏图标变为白色。
(见下图1)
问题从搜索栏开始。当它被激活并且你可以输入的时候，它会把NavigationBar Style返回到Default，这会使状态栏图标再次变黑。但是，一旦您使用完它，它又回到了非活动状态，NavigationBar Style将返回到Black，它应该一直在那里。
(见下图2)
我还没有找到一种方法来使状态栏图标始终保持白色。
非常感谢您的帮助。
浏览 6提问于2015-12-11得票数 2
2回答
我已经制作了一个自定义控件(带有固定图像的圆形按钮)，并测试了它的工作。然而，我想在其他项目中重用这个特殊的控件，因此我想用它来创建一个类库。但是，当我尝试在其他应用程序中显示自定义控件时，即使按钮响应单击，图标也不会显示。
我曾尝试在类库项目中将图标构建为Content and Resources和test，但都无济于事。(当然，我在更新构建图标时更改了代码中图标的地址)。目前，我已经决定将icon /icons/myimage.png作为内容来构建。而且，在类库代码(XAML)中，我以"/icons/myimage.png“的形式访问它。
那么，有没有人知道如何让圆形按钮在我的项目
浏览 0提问于2011-07-03得票数 0
回答已采纳
1回答
我正在尝试添加一个Whatsapp图标到我的网页的浮动动作按钮，但我只能使用物化的图标，有没有办法改变一个自定义圆形png图像按钮的图像/设计？ 提前感谢！ 巴勃罗
浏览 13提问于2020-09-18得票数 0
回答已采纳
我想要更改导航栏的后退按钮中使用的离子图标，该按钮在页面被推送到导航堆栈时出现。下面是我的代码：
<ion-header>
<ion-navbar>
<button ion-button icon-only menuToggle>
<ion-icon [name]="navbarIcon"></ion-icon>
</button>
<ion-title>Title</ion-title>
</ion-navbar>
浏览 0提问于2018-09-04得票数 4
如何更改Mac上工具栏上按钮的宽度？我可以在界面构建器中更改宽度，但只有当宽度大于当前大小时，它才会更新。如果我试着使它变小，它不会在工具栏上改变。
浏览 2提问于2014-02-28得票数 1
回答已采纳
我正在开发tvos应用程序。我观察到当按钮被聚焦时，按钮图像被拉伸。
按钮中的播放图标是圆形的。
浏览 11提问于2019-08-20得票数 0
1回答
我正在使用原生基础来创建圆形图标按钮。
当图标很小时，它工作得很好：
<Button
rounded
style={{
borderRadius : 32,
width : 64,
height : 64,
}}
>
<Icon
name="bell"
type="MaterialCommunityIcons"
style={{
fontSize: 35,
浏览 0提问于2018-11-22得票数 3
1回答
带有输入标签和两个图标的离子页脚
、、、、
我对离子型有个造型问题。我尝试制作一个类似于WhatsApp的输入框。问题是得到两个图标作为按钮在离子输入到右边。现在，两者在同一地点，重叠。这是我目前的代码：
<ion-footer>
<ion-item lines="none">
<ion-input placeholder="Nachricht" class="message-eingabe" autoGrow="true" rows="1" maxlength="150"
浏览 8提问于2022-07-12得票数 0
我正在尝试在一个圆圈内创建有趣的图标，我已经使用了边框css来实现同样的效果。然而，对于不同的字体图标，边框不是圆形的，它改变了一些图标的形状，比如facebook。 我有下面的代码片段，其中facebook的边框不是圆形的。你能让我知道如何实现所有图标的圆形(精确圆形)边界，而不管它们的大小(事件twitter和服务器图标看起来不像统一的圆形)？ https://jsfiddle.net/1d7fvLy5/1/ i.fa {
margin: 0.5em;
font-size: 4em;
color: #303030;
border: 2px solid #303030;
浏览 124提问于2018-01-19得票数 0
回答已采纳
所以我只看过一个网站这样做，我很好奇他们是怎么做到的。顺便说一下，我使用的是带有iOS5的iPhone 4。
转到移动Safari上的 (Will Ferrell的喜剧小品网站)，将其添加到主屏幕，然后单击刚刚添加的主屏幕图标。
移动站点显示时没有任何Safari按钮或地址栏。它甚至在打开的应用程序托盘中显示为一个打开的独立应用程序(双击主页按钮，看看当Funny或Die不在前台时是什么意思)。
你可以浏览页面上的视频，甚至搜索，但当你点击其他标签(浏览量最多的标签，FoD Exclusives)时，你会进入Safari应用程序，打开一个新的标签。
我从来没有见过其他人这样做，我非常好奇他们是
浏览 2提问于2011-11-20得票数 20
回答已采纳
我在一个离子应用程序中使用引导验证。它工作正常，它显示文本框内的错误图标和文本框下的错误消息。当在文本框中的错误图标上悬停时，如何更改它以将错误消息显示为工具提示？我不想在文本框下显示错误消息。
浏览 6提问于2021-09-21得票数 0
1回答
我有一个离子应用程序，有一个离子列表和洋葱选项按钮。当用户向左滑动时，此按钮将变得可见。我想写一个量角器(Chromedriver & Android & Appium & protractor测试)来向左滑动，然后点击按钮。滑动是没有问题的，我可以看到按钮变得可见，但点击没有注册。离子选项按钮有一个ng单击事件，它确实触发了事件.我试过：
获取离子选项按钮元素并单击它。
试着用tap代替
尝试点击位置，通过抓取离子项(包含离子选项按钮)并计算离子按钮所在的位置来计算。
使用tapAndHold、等待和发布
使用browser.driver.touc
浏览 4提问于2016-02-04得票数 1
回答已采纳
我想改变背景颜色通过page.scss的离子工具栏，离子标签条和离子标签按钮。
它适用于离子标签条和离子标签按钮，但不适用于离子工具栏。
有来自page.scss的代码：
ion-toolbar, ion-tab-bar, ion-tab-button {
background-color: aquamarine;
}
谢谢你的帮忙
浏览 0提问于2019-04-10得票数 1
回答已采纳
9回答
我想在BS3中创建一个圆形按钮(一个完美的圆圈)，中间有一个字体图标(4.0)。
到目前为止，我有以下代码：
HTML：
<a href="#" class="btn btn-default"><i class="fa fa-user"></i></a>
CSS标记会使这个按钮成为一个完美的圆圈吗？
浏览 4提问于2013-10-26得票数 39
回答已采纳
我想实现以下布局：
这对于图标(圆形)和标签(矩形)之间的固定边距非常有效，但对于高度保持，LinearLayout不是很有用，因为图标重叠在图标的标签区域之上
有没有办法为不同的屏幕动态设置这种布局？？
注:图标和标签是相同的，因为它是抽屉顶部的按钮，所以如果有简单的想法，安排简单的按钮将做.....
浏览 0提问于2011-12-23得票数 4
回答已采纳
我想在正中间的ion-tab-bar上浮动半个fab-button，但是Ionic-4中的ion-tab-button (图标)挡道了。我已经实现了这一点(有限的)使用css浮动在标签栏上的工厂按钮。 这就是它是如何产生的： ? 有没有办法将离子标签条离子标签按钮放置在我想要的位置，而不是离子想要放置它们的位置，例如，如果我将3个图标(按钮)放置在标签栏上，它们被均匀地分开放置，所以中间的按钮在标签栏的中间。这基本上妨碍了我想让我的fab-button浮动的地方，所以有没有可能把两个按钮移到最左边，一个按钮移到最右边，这样中间就有一个很好的空间让我浮动fab- button？ 这就是
浏览 19提问于2019-01-14得票数 1
1回答
我是新的离子，我试图做一个分段按钮与图标和文字按钮和图标在顶部，但我有麻烦。
<ion-segment-button value="Home">
<div>
<ion-icon name="home"></ion-icon>
<label>Home</label>
</div>
</ion-segment-button>
浏览 3提问于2017-12-28得票数 1
回答已采纳
这应该是令人难以置信的简单，但不知何故证明了令人难以置信的复杂，我与自动布局。我有一个横杆形状的按钮。我想在它下面居中放置一个圆形的信息图标。自动布局一直尝试将圆形按钮拉伸为椭圆形，而不是从左到右居中，如下所示：
上面的结果是以下约束的结果，这些约束应该可以工作，但不能。
谁能告诉我正确的限制条件来完成这个简单的任务。
谢谢。
浏览 0提问于2017-05-26得票数 2
我有一个以编程方式创建的UIButton，我需要添加一个前进图标，它必须使用UIBezierPath创建，如下图所示。我该怎么做呢。我是iOS的初学者，我需要帮助。
我的代码是这样的：
let forwardButton : UIButton = {
let fb = UIButton()
fb.translatesAutoresizingMaskIntoConstraints = false
fb.backgroundColor = UIColor(red:0.56, green:0.07, blue:1.00, alpha:1.0)
return fb
}(
浏览 0提问于2018-05-23得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
