个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我正在尝试创建一个 CSS 构建的“微调器”作为位于父 SVG 中的 foreignObject。在 Chrome 中工作正常，但它在 Firefox 中被剪裁。 
包括一个运行示例。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
/*
width=height
spinner border-radius is 1/2*width
*/
#spinner {
width: 300px;height: 300px;
display: inline-block;
-webkit-animation-name: rotate;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotate;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-o-animation-name: rotate;
-o-animation-duration: 1s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
animation-name: rotate;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: linear;
border-radius:150px;
border-bottom:15px solid blue;
}
@-webkit-keyframes rotate {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotate {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(360deg);}
}
@-o-keyframes rotate {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(360deg);}
}
@keyframes rotate {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
-->
</style>
<title>ForeignObject - Run a Spinner</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body style='padding:10px;font-family:arial' onLoad=placeSpinnerFo()>
<center>
<h4>foreignObject Spinner</h4>
<div style='width:90%;background-color:gainsboro;text-align:justify;padding:10px;border-radius:6px;'>
Start a 'Spinner' located at the center of the parent SVG. The Spinner and its animation is css-created
</div>
<div id="svgDiv" style='background-color:lightgreen;width:400px;height:400px;'>
<svg id="mySVG" width="400" height="400"></svg>
</div>
<script id=myScript>
var NS="http://www.w3.org/2000/svg"
//---onload---
function placeSpinnerFo()
{
var fo=document.createElementNS(NS,"foreignObject")
var spinnerDiv=document.createElement("div")
fo.setAttribute("x","50") //---send to center of SVG (200-spinner border radius)---
fo.setAttribute("y","50") //---send to center of SVG(200-spinner border radius)---
spinnerDiv.setAttribute("id","spinner")
fo.appendChild(spinnerDiv)
mySVG.appendChild(fo)
//---required for FF---
fo.setAttribute("width",300)
fo.setAttribute("height",300)
}
</script>
</body>
</html>最佳答案
将此添加到您的#spinner
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
根据 w3 学校的说法，只是为了更多地解释一下这是在做什么，box-sizing 指定元素的填充和边框应该包含在元素的总宽度和高度中。您可以在这里阅读更多相关信息:
关于javascript - foreignObject Spinner 在 Firefox 中被剪裁，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39748981/
26
4
0
所以我有一个微调器，我成功地更改了所选项目的颜色，但我无法更改下拉菜单中项目的颜色 这是我的 spinner_layout.xml 这是我的 样式.xml @style/Spin
我需要做的是，如果选择了微调器 1 中的某个项目，它需要在微调器 01 中显示某个数组例如如果微调器一个选定的项目是红色微调器 01 需要显示 level_array 作为微调器 01 的下拉选项，否
我想在点击微调器外部后关闭 Android 微调器。这可能吗？ 最佳答案 我在这方面运气不错，即使它不能完全奏效。 Spinner 适配器的获取 View : public View getView(
我正在使用 eneter 框架来处理我的 android 应用程序中的通信；问题是当我试图填充微调器时，将适配器设置为微调器会导致未定义的异常 这里是代码 public void populateSp
我在 xml 文件中有一个微调器，宽度和高度设置为 wrap_content，我将背景设置为微调器， 文本居中显示，如果我在 dp 或 fill_parent 中设置宽度，则文本显示为左对齐，但当微调
我有一个微调器 onItemSelect 我需要根据第一个选择打开另一个微调器。这是代码......我能够给第一个微调器充气但是在选择一个条目时没有任何反应 Spinner filterSpinner
当我打开 TalkBack 时，在微调器中做出选择后，焦点会立即返回到屏幕顶部(工具栏)。我希望在用户选择后立即将焦点放在微调器上。 我已经尝试将微调器设置为可聚焦: spinner.setFocus
我知道已经有大约一百万个主题，但请听我说完。 标题说明了一切，当我在微调器 1 中选择一个项目时，微调器 2 会获得一个特定的选项列表供您选择(然后将用于显示信息)。它本质上是一本小型通讯录。 *更新
我正在为 Android 构建一个有两个微调器的应用程序。第一个有一系列选择。我有一些代码可以更改第二个微调器的值，但数组在第二个微调器中永远不会改变。我检查过，selectedValue 确实等于所
我有一个 xml 布局文件，其中包含一些小部件，包括一个 Spinner 我想在微调器中显示一个字符串列表，该列表是在运行时作为函数的结果生成的，因此它不能在 arrays.xml 中。 我试过: S
spinner 没有根据另一个 spinner selection 填充，我已经研究了好几个小时了，仍然无法解决问题，没有错误洛格卡特。提前致谢。 这是我的代码 ArrayAdapter adapt
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 6 年前。 Improve this qu
我介绍一个Spinner在我的小部件中，每次我从中选择不同的值时，我都想执行一些操作。 是否可以？ 我好像只收到事件 on_press和 on_release ，但在做出不同值(value)的选择时，
这是一个应用程序运行中的简单 gif，以显示我的意思:Video Gif here 我有一个 Spinner，这是我的 XML 代码: 我遵循了一些教程并浏览了此处，以使用 parse.com 动态
我有一个包含 1 个微调器的“发票”登记 Activity 。在这个 Spinner 中包含带有 IDCard 的卡片注册、标题和描述(保存在数据库的“Card”表中)。当我将此“发票”记录保存在“发
我在我的元素中实现了 mat-spinner，但它只有很少的可配置更改，例如颜色、旋转模式。我想在微调器中包含品牌/公司 Logo 的图像图标，我该如何实现？ 以下是 Stackblitz 链接: h
在处理 Android Honeycomb 项目时，我偶然发现了一个有趣的问题。如下图所示，在对话框中展开 Spinner 时，底部的导航栏与它重叠。因此，无法选择底部的元素。 为了解决这个问题，我尝
当我在第一个微调器中选择中国作为国家/地区时，看到我想要的，所以我希望第二个微调器必须显示中国的所有州，这是通过我的代码完成的……但是……!我的查询是，当我从第二个微调器中选择状态时，它会自动将其设置
我正在尝试为应用创建一个简单的设置页面。 我想创建一个对象列表，我在 XML 文件中定义了其布局。 在这些对象的布局中有一个标题 TextView、一个帮助 TextView 和一个 Spinner。
我正面临这个问题，已经阅读了很多问题/答案但无法解决。 我有一个带有微调器的 ListView(用户必须为该行中的产品选择一个数量)，但是当项目多于 View 并且在微调器中选择一个数字后滚动 Lis
我是一名优秀的程序员,十分优秀！