This view is not constrained vertically: at runtime

最新推荐文章于 2021-03-13 07:45:44 发布
最新推荐文章于 2021-03-13 07:45:44 发布
阅读量6.9k 收藏 5
点赞数 11
CC 4.0 BY-SA版权
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Sky_Cat/article/details/90351607
博客介绍了在Android Studio布局时，若未选择水平对齐约束会出现提示。解决办法是将布局切换到Design模式，在有问题的布局处右键，选择父控件顶部对齐方式，之后红色部分会消失。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

android studio在布局的时候没有选择水平对其约束会出现“This view is not constrained vertically: at runtime it will jump to the top unless you add a vertical constraint ”，将布局切换到Design模式，在出现问题的布局地方右键，然后选择对齐方式

这里我们选择父控件顶部对齐方式，这时候红色部分消失

Android Studio报错：“This view is not constrained, it only has designtime positions，......”
蓝多多的小仓库
09-25 1245
在Android studio中使用ConstraintLayout布局时，再次使用其他的控件，会报异常的原因是View没有被约束，需要添加约束。2>点击如图红色箭头所指的图标。3>返回以后就没有报错啦。1>点击Design。
Crow Search Algorithm for Constrained Optimization:Constrained CSA-matlab开发
05-30
《基于Crow搜索算法的约束优化MATLAB实现详解》 在优化问题中，常常会遇到各种约束条件，使得问题的求解变得复杂。Crow搜索算法（CSA）是一种新颖的优化算法，灵感来源于鸟类群体的行为，如乌鸦寻找食物的过程。...
This view is not constrained vertically: at runtime it will jump to the left unless you add a vertic
薛定谔的猫
06-08 3万+
Android studio 使用约束布局（ConstraintLayout）报错： This view is not constrained vertically: at runtime it will jump to the left unless you add a vertical constraint less… (Ctrl+F1) The layout editor allo
约束布局ConstraintLayout ，报错：This view is not constrained vertically
T的专栏
04-08 3281
This view is not constrained vertically: at runtime it will jump to the left unless you add a vertic 解决方案： 1.切换xml到design试图下 2.选中ConstraintLayout右键选择Constraint Layout中的Infer Constraints \ 原因：要两个...
This view is not constrained vertically 的解决办法
热门推荐
喻志强的博客
01-18 7万+
This view is not constrained vertically: at runtime it will jump to the top unless you add a vertical constraint less
Android踩坑记录：This view is not constrained vertically
zhangxuyu1118的专栏
03-13 980
老代码中的ListView移植到新的ads时，发现布局文件有异常，百度后解决，增加一行即可： app:layout_constraintTop_toTopOf="parent" 布局代码全部： <ListView android:id="@+id/lvMain" android:layout_width="match_parent" android:layout_height="wrap_content" android
This view is not constrained, it only has designtime positions, so it will jump to (0,0) unless you
weixin_33699914的博客
06-26 103
逗比的解决过程 转载于:https://www.cnblogs.com/MC-Curry/p/9230665.html
This view is not constrained vertically: at runtime it will jump to the top unless you add a vertical constraint
06-10
意思是说一个view在竖直方向上没有被限制，因此在运行时它会跳到顶部，除非你添加一个竖直方向上的限制。解决方法是在xml文件中为该view添加一个竖直方向上的约束条件，例如使用layout_constraintTop_toBottomOf或者...
<ImageView android:id="@+id/ic_meter_indicator_car_speed_unit" android:layout_width="74px" android:layout_height="35px" android:layout_marginLeft="8dp" app:layout_constraintLeft_toRightOf="@+id/tv_meter_car_speed" app:srcCompat="@drawable/ic_car_speed_unit" tools:layout_editor_absoluteY="184dp" />我这样子写有什么问题吗，为什么会报错This view is not constrained vertically: at runtime it will jump to the top unless you add a vertical constraint
06-13
这个错误提示是因为你在布局文件中定义的视图没有垂直约束。在使用 ConstraintLayout 的时候，每个视图都必须有水平和垂直方向的约束，否则会导致布局错误。在你的布局文件中，你需要为该视图添加一个垂直方向的约束...
Pattern formation in constrained environments: A swarm robot target trapping method
02-11
### 模式形成在受限环境中的研究：一种基于群机器人目标捕获方法 #### 引言与背景 本文探讨了一种新型模式形成方法，该方法适用于群机器人在复杂且受限制环境中进行目标捕获的任务。文章由西北工业大学的彭兴光、...
约束布局错误提示（ConstraintLayout）This view is not constrained horizontally: at runtime it will jump to the
li_zhengmei的博客
07-09 1万+
初使用约束布局时可能就会遇到 This view is not constrained horizontally: at runtime it will jump to the left unless you add a horizontal constraint 原因是因为子控件缺少约束条件如图： 添加相应的约束后如图 这样约束布局才知道如何摆放和绘制子控件。 个人微信公众号，欢迎关...
This view is not constrained, it only has designtime positions
bruce135lee的专栏
04-03 772
使用ConstraintLayout布局的时候控件会报这个异常 可以打开预览界面右键布局，选择 就解决了版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.youkuaiyun.com/u010800708/article/details/74332296 m0_379814322018-01-25 17:27#1楼3条回复 回复没有找到constraint layout啊weix...
Android This view is not constrained, it only has designtime positions 解决办法（不同版本AS）
熊仙森滴Blog
07-25 4万+
　　在Android studio中使用ConstraintLayout布局时，再次使用其他的控件时，会报异常，控件下有红色的波浪线，问题是View没有被约束，需要添加约束。 　　这个时候要注意的是，当你的AS版本是3.X以前的版本时，可以打开预览界面，点击design（设计界面），右键布局，选择infer Constraints，点击后解决问题。 　　当你的AS是3.X以上的版本时，...
Andriod开发实践：ConstraintLayout Error:This view is not constrained
菠萝菠萝哒X
12-22 592
在使用Andriod Studio进行实践时出现错误： this view is not constrained. It only has designtime positions, so it will jump to (0,0) at runtime unless you add the constraints less... (Ctrl+F1) The layout ed...
android studio This view is not constrained问题
qq_35840262的博客
09-19 2468
This view is not constrained, it only has designtime positions, so it will jump to (0,0) unless you add constrain。。。。 如果你用过eclipse,你就会发现在design页面，相关页面布局会出现关联。而在android studio中 ，他是非常自由的并不会自动关联，所以可以说这是一
This view is not constrained. It only has designtime positions, so it will jump to (0,0) at runtime
taoerchun的专栏
01-08 1322
问题： This view is not constrained. It only has designtime positions, so it will jump to (0,0) at runtime    此问题虽然不影响编译，但实际控件位置不会跟设计时一样 解决方案： 选中“按钮1”,添加约束  ...
<com.google.android.material.progressindicator.LinearProgressIndicator This view is not constrained vertically: at runtime it will jump to the top unless you add a vertical constraint
最新发布
03-24
<think>嗯，用户现在遇到了一个问题，是关于LinearProgressIndicator在布局中没有垂直约束的警告。用户可能在使用Android Studio的布局编辑器时看到了这个提示，说这个视图在垂直方向没有被约束，运行时可能会跳转到顶部。需要帮他们解决这个问题。 首先，我需要确认用户的问题具体是什么。用户可能是在使用ConstraintLayout时，没有为LinearProgressIndicator添加垂直约束，导致布局不稳定。这个警告是Android Studio的布局编辑器提示的，如果不处理，视图的位置可能不符合预期。 接下来，我应该回想一下ConstraintLayout的基本用法。在ConstraintLayout中，每个视图都需要至少一个水平和一个垂直的约束，否则它们的位置在运行时可能不确定，通常会默认放在左上角。所以用户需要为LinearProgressIndicator添加垂直约束，比如相对于父布局顶部或底部，或者与其他视图对齐。 然后，我需要考虑用户可能的场景。用户可能在尝试添加一个水平进度条，但可能不太熟悉ConstraintLayout的使用，或者是从其他布局方式转换过来，比如LinearLayout或RelativeLayout，所以没有正确设置约束。这时候，提供具体的解决方案和示例代码会很有帮助。 还要考虑用户是否可能使用了错误的布局方式。比如，如果LinearProgressIndicator放在LinearLayout里，可能不需要约束，但如果是ConstraintLayout，就必须有约束。用户可能混淆了不同布局管理器的使用方式，需要提醒他们检查父容器的类型。 另外，用户可能希望进度条在某个特定位置，比如屏幕顶部或底部，或者居中显示。这时候需要给出不同的约束示例，比如顶部对齐父容器、底部对齐父容器，或者与其他视图如Toolbar或按钮的位置关联。 还需要考虑兼容性和最佳实践。使用ConstraintLayout的优势在于灵活性和性能，所以正确添加约束是必要的。同时，可能还要提到其他替代布局，比如在LinearLayout中使用，但需要明确说明不同布局的适用场景。 另外，用户可能遇到的另一个问题是，如何动态控制进度条的可见性或位置。这时候可能需要代码示例，但当前问题主要是布局警告，所以重点应放在XML布局的修正上。 最后，要确保回答结构清晰，分步骤说明问题原因和解决方法，并提供代码示例，帮助用户一步步解决问题。同时，提醒用户注意父布局类型和约束的重要性，避免类似问题再次发生。</think>--- ### 一、问题解析 您遇到的警告信息 **"This view is not constrained vertically"** 是 Android Studio 对 `ConstraintLayout` 布局中控件的约束缺失提示。当使用 `LinearProgressIndicator`（或其他视图）未定义垂直方向约束时，系统无法确定其垂直位置，可能导致以下问题： - **运行时位置异常**：视图可能默认吸附到屏幕顶部 - **响应式布局失效**：无法适配不同屏幕尺寸或旋转后的布局 - **动态内容错位**：内容增减时可能破坏整体布局结构 --- ### 二、核心解决思路 #### 关键原则 在 `ConstraintLayout` 中，所有子控件必须至少定义**一个水平约束**（X轴）和**一个垂直约束**（Y轴），才能确定其准确位置。 #### 解决方案分类 | 场景 | 约束方式 | 适用案例 | |--------------------------|----------------------------------|--------------------------| | **固定位置** | 相对于父容器定位 | 进度条固定在顶部/底部 | | **相对其他控件定位** | 关联其他视图的边界 | 在按钮下方显示进度条 | | **动态居中** | 双向约束实现居中 | 屏幕中央的加载指示器 | --- ### 三、具体实现方案 #### 方案1：固定在父容器顶部 ```xml <com.google.android.material.progressindicator.LinearProgressIndicator android:id="@+id/progress_indicator" android:layout_width="match_parent" android:layout_height="wrap_content" app:layout_constraintTop_toTopOf="parent" <!-- 顶部对齐父容器 --> app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent"/> ``` #### 方案2：放置在Toolbar下方 ```xml <androidx.appcompat.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_constraintTop_toTopOf="parent" /> <com.google.android.material.progressindicator.LinearProgressIndicator android:id="@+id/progress_indicator" android:layout_width="match_parent" android:layout_height="4dp" app:layout_constraintTop_toBottomOf="@id/toolbar" <!-- 位于Toolbar下方 --> app:layout_constraintStart_toStartOf="parent"/> ``` #### 方案3：动态居中显示 ```xml <com.google.android.material.progressindicator.LinearProgressIndicator android:id="@+id/progress_indicator" android:layout_width="200dp" android:layout_height="4dp" app:layout_constraintTop_toTopOf="parent" <!-- 双向约束实现居中 --> app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent"/> ``` --- ### 四、高级技巧 #### 1. 比例定位（屏幕百分比定位） ```xml app:layout_constraintVertical_bias="0.3" <!-- 距离顶部30%位置 --> ``` #### 2. 响应式边距 ```xml android:layout_marginTop="16dp" <!-- 固定边距 --> android:layout_marginTop="@dimen/progress_margin" <!-- 使用dimen资源 --> ``` #### 3. 链式约束（多控件联动） ```xml <Button android:id="@+id/btn_submit" android:layout_width="wrap_content" android:layout_height="wrap_content" app:layout_constraintTop_toBottomOf="@id/progress_indicator" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent"/> ``` --- ### 五、验证与调试 #### 1. 布局编辑器预览 ![ConstraintLayout 约束可视化示意图](https://developer.android.com/static/images/training/constraint-layout/editor-static-positioning_2x.png?hl=zh-cn) （图示：Android Studio 中的约束可视化） #### 2. 运行时检查 ```java // 在代码中验证约束是否生效 LinearProgressIndicator progress = findViewById(R.id.progress_indicator); ConstraintLayout.LayoutParams params = (ConstraintLayout.LayoutParams) progress.getLayoutParams(); Log.d("Constraints", "TopToTop: " + params.topToTop); // 应返回ConstraintLayout.PARENT_ID ``` --- ### 六、常见错误规避 | 错误现象 | 解决方案 | |--------------------------|--------------------------------| | 进度条不可见 | 检查`android:visibility`属性 | | 宽度显示异常 | 使用`match_parent`或固定宽度 | | 旋转屏幕后位置错乱 | 确保双向约束（start/end） | | 与其他控件重叠 | 添加`layout_margin`属性 | --- ### 七、设计规范建议 1. **高度规范**：Material Design 建议线性进度条高度为 `4dp` 2. **颜色对比**：进度条颜色与背景需保持至少 3:1 对比度 3. **交互反馈**：超过1秒的操作必须显示进度指示 4. **动效优化**：使用标准进出动画： ```xml app:showAnimationBehavior="inward" app:hideAnimationBehavior="outward" ``` --- 通过合理运用约束布局，可以确保 `LinearProgressIndicator` 在不同设备和场景下保持稳定表现。如需进一步优化，可参考 [Material Design 进度指示器规范](https://m3.material.io/components/progress-indicators/overview)。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值