问题标签 [layout-anchor]

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 投票
2 回答
819 浏览

ios - 使用布局锚将自定义导航栏项居中

我创建了一个自定义导航项(同时包含 title 和 a UISearchBar)来替换 iOS 上的标准导航标题,并且我正在尝试使用布局锚将其置于 UINavigationBar 的中心。

但是,布局约束[self.navigationItem.titleView.centerXAnchor constraintEqualToAnchor:self.navigationController.navigationBar.centerXAnchor].active = YES;不起作用,UIView包含搜索栏显示在UINavigationBar.

其他约束:

  • 宽度应为屏幕宽度的 1/3
  • 我想避免将宽度设置为常数,以使视图响应方向和其他布局更改

如何使导航栏项居中?

ScreenViewController.m

预期结果: 居中搜索栏

我得到的(标题视图不居中): 居中搜索栏问题

查看层次结构:

查看层次结构

0 投票
1 回答
944 浏览

ios - 删除 UISearchBar 左右两边的空格

我正在创建一个应该在下面显示 aUILabel和 a的 UI 组件UISearchBar

但是,我无法对齐它们,UISearchBar左侧和右侧总是有额外的空间(突出显示的红色)。

我试图直接设置searchBarTextField布局锚点的尺寸,但它没有用。

如果可能,我更愿意使用布局锚点。

SearchBar.m

左边和右边的空间高亮

UISearchBarTextField嵌入在UIView我无权访问的 a 中。

约束:

约束和视图层次结构

@BenOng 的方法 - 工作正常,但在第一次点击后中断:

窃听

0 投票
1 回答
1362 浏览

python - Kivy AnchorLayout .Kv 文件

我是基维的新手。我希望我的标签位于左侧,但它始终位于中心,我做错了什么?

.py`

这是 .kv 文件的一个小片段。

感谢您提供任何有用的答案。

0 投票
1 回答
5019 浏览

ios - 如何快速更新锚约束

我想在 iOS 中创建一个类似 android 的菜单。我正在使用布局约束来设置约束。当我尝试在按钮单击时更新图像的左侧约束时,我遇到了这个问题(它应该动画到单击按钮的位置)。谁能帮我?它应该支持横向和纵向。

我不想使用第三方代码,也不想使用NSLayoutconstraint.

横向图像 肖像图像

这是我的代码。

0 投票
1 回答
50 浏览

swift - 在 UITableView 部分标题中锚定 UILabel

我在 UITableView 部分标题中发现 UILabel(变量名:errorCountLabel)未对齐,因为它以编程方式设置为固定的 x 和 y 坐标。这些坐标在较小的屏幕上工作得很好,但在较大的屏幕上却不够右手边(参见下面的屏幕转储)。

在此处输入图像描述

由于我在代码中创建了节标题,因此我尝试以编程方式将“错误(时间)”标签的后沿锚定到 UITableView 的后沿。当我运行小部件时,它说它无法加载数据。

右手屏幕应该像左手屏幕一样显示,只是在更大的屏幕上。

我需要一些锚定 UILabel 的代码,因此无论用户的屏幕大小如何,它们都能正常工作。

0 投票
1 回答
898 浏览

swift - 如何获得两个锚点之间的距离?

我知道如何快速获得两点之间的距离。但我想知道如何将两个锚点之间的距离作为 CGFloat。

例如:我想找到两者之间的距离

在这样的视图控制器上: 在此处输入图像描述

我猜我将不得不获得锚的 CGPoint(然后我可以找到 CGPoint 的 y 点之间的差异)。我只是不知道该怎么做。

0 投票
2 回答
3396 浏览

javascript - AnchorEL组件在第一次调用方法后失效

我目前正在与 anchorRef 斗争,我不完全确定它是如何工作的,因为我是新来的反应并且以前从未使用过它。因此,当调用 onClickAway 方法时,我从材质 UI 收到此错误,该方法仅将 anchorRef 设置为 null 尽管此警告仅在之后渲染组件后出现一次,但我没有再次收到警告???我尝试了 useEffect 以便在加载组件时将值设置为 null 但它不起作用。请任何帮助将不胜感激。

Failed prop type: Material-UI: the `anchorEl` prop provided to the component is invalid. It should be an HTML element instance or a referenceObject

表格组件

0 投票
1 回答
61 浏览

vb.net - 使用右锚调整表单大小 VB.Net

我正在尝试调整无边框表单的大小,以使右侧保持在原位,而左侧边框是调整后的。我不认为我在 VB.net 中正确使用了以下内容,但对于其他程序,您可以将锚点设置为 0 到 1,具体取决于您要锚定控件的位置(左侧为 0,中间为 0.5,中间为 1正确的)。

我知道我使用下面的方法实现了我想要的,但想知道是否可以进行形式锚定?有人知道这是否可能吗?非常感谢

0 投票
1 回答
106 浏览

python - 标签到 tkinter 窗口的右侧

标签:“ Right Text ”应该在 tkinter 窗口的右侧。如图像中突出显示的那样。

在此处输入图像描述

为此,我尝试了下面的代码,但它不在右侧。

0 投票
1 回答
43 浏览

android - 如何显示底部布局下方 50% 和底部布局上方 50% 的视图?

我想显示一个 50% 的视图应该覆盖锚视图并保持 50% 应该显示在视图上方。如果底部布局向上移动,则发送媒体图标也向上移动

在此处输入图像描述

就像 Whatsapp 中的发送按钮一样。如何做到这一点?

这是我的 XML 代码

我想在 bottom_layout 上方显示 send_media 图像视图,有人知道如何实现吗?