问题标签 [constraintlayout-guideline]

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 投票
0 回答
66 浏览

android - Android ConstraintLayout 不遵守准则

我有一个观点认为一部手机表现正确,但在其他手机上却没有:

好行为 :

在此处输入图像描述

不良行为 :

在此处输入图像描述

在我看来,三星手机往往有不良行为......知道吗?

注意:偏好片段中包含的所有内容......这可能会影响渲染?

0 投票
2 回答
56 浏览

android - 在按钮下方和右侧添加指南

我在整个屏幕上有一个图像视图,右下角有一个按钮。

现在,我没有成功在按钮下方和右侧放置基准线。

我希望按钮从右侧“边缘”为 4.1%,从底部“边缘”为 4.1%,使用指南。

这是我的尝试。

如何解决?

</androidx.constraintlayout.widget.ConstraintLayout>

它看起来像:

0 投票
1 回答
28 浏览

android - 指南不会根据 ConstraintLayout 中屏障内视图尺寸的变化而改变

我有我的根布局,就像ConstraintLayout我的活动一样。我添加了一个Guideline基于百分比的,它大约是顶部的 35%。该指南将布局分为 2 个部分(顶部 35% 和底部 65%)。在前 25% 部分我有 2 TextViews。textview 文本是动态变化的。一个Barrier添加在布局中,其中添加了我的指南。下方 65% 部分内的图像顶部约束赋予屏障底部,25% 部分内文本视图的底部约束赋予屏障顶部。当我在 textview 上方的 Text 增加时,它不会改变指南并违反 Barrier 工作。怎么做?

0 投票
1 回答
27 浏览

android-constraintlayout - 使用指南时Android约束布局结果不同

当我在约束布局中使用指南时,约束布局的结果会有所不同。

  1. 指导方针:

指南

  1. 无指南:

无指南

样式.xml:

图像按钮应该和我不使用指南时一样大。但我需要一个指南,因为我有另一个布局,我希望视图从相同的位置开始,因此与此处的图像按钮垂直对齐(ScrollLayout 的固定标题)。我试图通过指南来实现这一点,但上面的约束布局的结果并不像预期的那样......

0 投票
2 回答
131 浏览

android - 为 ConstraintLayout 内的准线对象添加边距

这可能吗?

我想要以下:

  • 定义高度的 HEADER(例如 64dp)
  • 4 行均匀分布的高度(视图高度的 25% 减去标题高度 <=这是有问题的细节

我能以某种方式实现这一点ConstraintLayout吗?

问题

我想添加一个固定高度的标题,并且我希望百分比约束不根据 s 高度计算它们的百分比,而是根据减去标题后ConstraintLayout的剩余空间计算它们的百分比。ConstraintLayout

重要的提示

是的,我可以将整个包裹ConstraintLayout在 aLinearLayout中,但我对ConstraintLayout唯一基于的解决方案感兴趣。

编辑 1

为了更清楚,我想要以下内容:

代码

0 投票
1 回答
56 浏览

android-layout - 当添加到父 ConstraintLayout 中的 FrameLayout 时,子 ConstraintLayout 中的 ImageViews 失去其位置

请帮我找到一种方法来组合两个 ConstraintLayout,以便正确显示 ImageView。

我有一项活动过去几年都可以正常工作。但是在更新到 androidx 并从 1.1.3 更新到 androidx.constraintlayout:constraintlayout:2.1.2 之后,其中一个 ConstraintLayouts 中的所有 ImageView 都失去了位置。奇怪的是,我无法通过更改回 1.1.3 版本来使此活动恢复到以前的显示方式……唯一可行的方法是返回到较旧的备份版本。但是,这样做似乎不是一个好的解决方案,因为它可能与未来的更新不兼容。

该活动视图的结构如下图所示。一个 ConstraintLayout 是使用两个 FrameLayout 将一个子 ConstraintLayout 和一个子 LinearLayout 放在一起。这两个 FrameLayout 使用以百分比表示的 Horizo​​ntalGuideline 定位,将视图一分为二。LinearLayout 正确显示。但是子 ConstraintsLayout 中的 ImageViews 要么:

  1. 对于 MatchParent:ImageView 忘记了它们彼此之间的相对位置,彼此分离并散布在屏幕上,甚至在手机屏幕之外。

  2. 对于 WrapContent:ImageViews 忘记了它们彼此的相对位置,获取手机屏幕中心的位置。中心看起来像一个子 ConstraintLayout 的微型窗口,其 ImageView 被挤压在一起并相互重叠。

子 ConstraintLayout 中的 ImageView 借助一根垂直线和一根水平线来显示,它们以百分比设置。我在这里错过了什么?

(我认为可能存在使用不同布局而不是子 ConstraintLayout 的解决方法,但这可能会弄乱已经开发的动画......因此,我想避免这种情况。)

[设计模式和手机屏幕上的视图][1]

[结构][2]

代码父约束布局

子代码 ConstraintLayout(在设备上失败,但在 Android Studio 的设计视图中看起来不错)