问题标签 [semantic-zoom]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
57 浏览

flyout - 语义放大浮出控件在放大时不显示正确的项目

我进行了语义缩放并将其放入弹出窗口中。它在放大和缩小方面工作正常,但是当它从缩小的选定项目放大时,它不会将放大的列表放在正确的位置,但它总是显示放大列表视图中的第一个项目. 当我在页面上放置相同的代码时,它可以正常工作。这是弹出和页面的代码

0 投票
1 回答
722 浏览

javascript - 语义缩放和平移 d3.js v4

我想用 d3.js v4 实现语义缩放。Stackoverflow 上的大多数示例和问题都是针对 v3 的。所以我试图改变其中一个,就像这个答案一样。答案示例:bl.ocks.org 示例

我尝试熟练使用 d3 v4 的示例:

变焦本身有效 - 基本上。像正常缩放一样,它应该缩放到鼠标指针的位置,但它没有。平移看起来也有点不顺畅。

我尝试使用 d3.event.sourceEvent 中的鼠标位置作为翻译的偏移量,但它不起作用。

那么,缩放如何使用鼠标位置呢?获得更平滑的平移手势也很棒。

0 投票
1 回答
90 浏览

xaml - XAML:语义缩放 - 垂直滚动不起作用

我需要在 ZoomInView 和 ZoomOutView 中都进行垂直滚动,但它不起作用。我试图指定一个水平滚动,它工作正常,但我需要垂直方向 - 有人有什么想法吗?这是我的代码:

0 投票
2 回答
98 浏览

xaml - UWP - SemanticZoom 标头高度

我目前正在为 Windows UWP 应用程序实现 SemanticZoom。如您所知,项目将被分组到不同的部分(例如 A 组、B 组等)

组名称将是标题。

我更改了 SemanticZoom Group Header 的默认样式。太糟糕了,我仍然无法弄清楚如何改变标题的高度。

截屏:

标题的高度对我的口味来说太高了

截屏

自定义 SemanticZoom 样式的代码

SemanticZoom 的 XAML 代码

期待您的帮助。

0 投票
1 回答
104 浏览

c# - 语义缩放可以在uwp中显示不同类型的项目吗

我想在 uwp 中通过语义放大显示设置页面。但我不知道如何将布局控件绑定为语义缩放项。

我的预期结果(在放大模式下)如下。

我按照 XAML Gallery 中的示例进行操作,但似乎只能显示特定类型的数据。

所以我生成了一个 StackPanel 来保存每个项目的设置控件,但我不知道如何在 ZoomInDataTemplate 中显示这个 StackPanel。

我想知道 Semantic Zoom 是否可以做到这一点?

是否可以手动描述 ZoomInPart 和 ZoomOutPart(如下所示)但不绑定到某些东西,因为设置页面不需要在运行时更改。

0 投票
1 回答
160 浏览

c# - 如何在 UWP 中使用 3 级语义缩放?

我想使用语义缩放(或其效果)在我的 UWP 应用程序中选择位置。

我想先选择县,然后选择城市,然后选择位置。

有人对此有真正的想法吗?

我搜索了多个缩放以进行语义缩放,但这显然是不可能的。

我使用了两个语义缩放视差,但这也有它的问题。

任何人都可以帮忙吗?

0 投票
0 回答
20 浏览

c# - 单击放大视图中的项目会将我带到另一个页面。但是再次导航回来不起作用

我正在用 C# 制作一个使用 Semantic Zoom 的应用程序。我从一个名为 BookStore2Universal_10 的 MS 示例中复制了代码,并对其进行了一些调整。我的意图是单击放大视图中的一个项目。根据我单击的项目,我希望打开另一个页面来下载并显示来自 Internet 的文件。我已经成功导航到另一个页面,但是当我导航回缩小的视图并尝试单击另一个项目时,程序崩溃了。我不知道如何解决这个问题。我很感激你能提供的任何帮助。如果您需要更多详细信息,请告诉我。

此代码作用于单击的项目

通过下面的代码,我想回到语义缩放页面。但我不知道我应该如何导航回去。在我看来,该程序试图再次初始化,因此无论我使用哪个面板名称而不是问号都会崩溃。

我希望回到缩小的面板,我这样做了,并继续选择另一个项目。但相反,会出现此错误消息:

BookStore2Universal_10.exe 中出现未处理的 win32 异常 [4020]

0 投票
1 回答
167 浏览

javascript - d3 v3 - 同步画笔缩放和滚动缩放

我正在尝试在同一个图表中添加画笔缩放和滚动缩放,但是因为两者都依赖于 X 和 Y 同步变得有点困难。如何根据轴域计算平移和缩放值?

这是我写下的示例图表以进行测试:

是的,有一些与此相关的示例,但在 v4 中,我正在尝试在 v3 中完成此操作。

参考1:D3.js:结合Zoom/Brush (v4)

参考 2:http ://bl.ocks.org/nnattawat/9689303 (问题是缩放的 x 被缩放到新的拉丝缩放,这弄乱了 scaleExtent,我想限制缩放到原始域)

我正在努力解决的问题是:

// zoom.translate([tx, ty]).scale(k);

里面的拉丝功能

基本上试图根据新域计算平移和缩放。如果k是基于 x.range() 计算的,则那里使用的逻辑适用于 x,如果k是基于 y.range() 计算的,则适用于 y但要让它们一起工作似乎很困难(Math.min没用)。谢谢你。