绝对布局和相对布局

最新推荐文章于 2022-12-11 12:43:00 发布
转载 最新推荐文章于 2022-12-11 12:43:00 发布 · 1k 阅读 · 0

本文介绍如何在iOS应用中使用相对布局，通过设置约束条件来调整视图大小，并提供了具体的实现代码示例。

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

注意： 绝对布局和相对布局是不共存的   

也就是说

LayoutConstraint  和frame  不共存  frame就不多说了


相对布局主要的就是建立约束条件

- (IBAction)sliderChange:(id)sender

{

    //为了避免冲突移除myView的水平和垂直约束,注意是从主视图上移除，因为约束是加载我们的主视图上，即相对于我们的主视图

    [self.view removeConstraint:self.widthC];

    [self.view removeConstraint:self.heightC];

     

    //获取slider的值

    double sliderValue = self.mySlider.value;

     

    //由slider的值重设我们的约束值,H代表水平约束， V代表垂直约束

    NSString *widthValue = [NSString stringWithFormat:@"H:[_myView(%lf)]", sliderValue];

    NSString *heightValue = [NSString stringWithFormat:@"V:[_myView(%lf)]", sliderValue];

     

    //新建约束

    NSArray *widthConstraint = [NSLayoutConstraint constraintsWithVisualFormat:widthValue options:0 metrics:nil views:NSDictionaryOfVariableBindings(_myView)];

    //给水平约束重新赋值

    self.widthC = widthConstraint[0];

     

    //给垂直约束重新赋值

    NSArray * heightConstraint = [NSLayoutConstraint constraintsWithVisualFormat:heightValue options:0 metrics:nil views:NSDictionaryOfVariableBindings(_myView)];

    self.heightC = heightConstraint[0];

     

    //往主视图上添加新的约束

    [self.view addConstraint:self.widthC];

    [self.view addConstraint:self.heightC];

}


绝对布局（Relativelayout ）和相对布局（Absolutelayout）
2896405089的博客
07-13 1万+
（1.绝对布局）       直接就可以决定子组件的绝对位置，简单直接就可以定位，但是手机的屏幕不一样大，适配性差 可以直接用Android：layout_x和android：layout_y来定义组件的位置（两个属性只能在绝对布局中使用，在相对布局中都不会显示的） （2.相对布局）        允许组件指定他的父类或者子类的位置进行布局，非常灵活，对于屏幕大小不同的手机
android相对布局和绝对布局
12-21
这个程序写了对相对布局和绝对布局的例子，帮助大家理解两者的使用和区别。
相对布局和绝对布局
05-26 395
position属性有四个值，static（默认值），fixed，relative（相对）和absolute（绝对）。 relative是相对于当前位置进行定位，如果将top和left设为0，那么就是当前的位置，并且relative不脱离文档流占据位置： 如图中这两个盒子一开始设置为相对布局top与left都设为0，结果和没设置定位的位置一样； absolute是基于父元素来定...
06-相对布局和绝对布局
高调做事，低调做人！
09-16 1108
AbsoluteLayout是绝对位置布局。在此布局中的子元素的android:layout_x和android:layout_y属性将生效，用于描述该子元素的坐标位置。屏幕左上角为坐标原点（0,0），第一个0代表横坐标，向右移动此值增大，第二个0代表纵坐标，向下移动，此值增大。在此布局中的子元素可以相互重叠。在实际开发中，通常不采用此布局格式，因为它的界面代码过于刚性，以至于有可能不能很好的适配
Java基础（Swing组件之绝对布局）
Money_bagZ的博客
05-30 489
代码如下： package Swing组件; import javax.swing.*; import java.awt.*; public class Demo03 extends JFrame { public Demo03(){ setBounds(100,100,200,150); setDefaultCloseOperation(EXIT_ON_CLOSE); Container c = getContentPane(); .
Android编程之绝对布局AbsoluteLayout和相对布局RelativeLayout实例详解
09-03
本文将深入探讨两种常见的布局类型：绝对布局`AbsoluteLayout`和相对布局`RelativeLayout`，并提供实例解析它们的使用方法和技巧。 **一、绝对布局AbsoluteLayout** 绝对布局允许开发者直接为每个子视图指定精确的...
DIV的相对布局和绝对布局
11-16 4313
 position:relative|相对定位 使用position:relative，就需要top,bottom,left,right4个属性来配合，确定元素的位置。 如果要让div-1层向下移动20px,左移40px: example代码:#div-1 {position:relative;top:20px;left:40px;}如果用到相对定位，紧随他的层divafter是不会出现在div-
CSS布局-定位，相对，绝对，子绝父相，固定定位，层级关系。
weixin_48370579的博客
12-11 2554
CSS布局-定位，相对，绝对，子绝父相。 目录CSS布局-定位，相对，绝对，子绝父相。1、定位1.1 网页常见布局方式1.2 定位的常见应用场景2.1 定位初体验2.2 使用定位的步骤3.1 静态定位4.1 相对定位5.1 绝对定位5.2 绝对定位到底相对于谁进行偏重点6.1 子绝父相介绍7.1 固定定位8.1 元素层级问题8.2 更改定位元素的层级重点学习目标 ◆ 能够说出 定位 的常见应用场...
绝对布局
weixin_30457881的博客
03-22 85
public class AbsolutePosition extends JFrame{ public AbsolutePosition() { // TODO Auto-generated constructor stub setTitle("本窗口使用绝对布局"); setLayout(null); setBounds(0,0...
css绝对布局
qq_37766224的博客
06-20 464
css 想在哪在哪position：absolute；left：50px；top：100px；
绝对布局(AbsoluteLayout)
漠然的博客
11-15 778
布局五
html局对布局和相对布局,关于HTML学习重点-绝对布局和相对布局总结
weixin_35363591的博客
06-26 1465
其实这篇文章早就该写了，很久写了关于HTML布局相关的经验总结，一直在百度云上，只是偶尔查询翻到对应资料，担心日后很难找到，所以最后还是决心以文章的形式记录下来供大家参考查阅，实现这篇文章应有的价值；之前从事Java几年，对JavaWeb相关技术都有较深的了解，当然自从从事C++工作之后，一直在专研C++相关技术，所以对Java而言，我已经忘得差不多了，虽然如此，如果真的要恢复所有相关知识，也不需...
absoluteLayout绝对布局
weixin_30852367的博客
02-22 402
1. 绝对布局介绍 绝对布局特点 : 在绝对布局中,组件位置通过x, y坐标来控制, 布局容器不再管理组件位置, 大小, 这些都可以自定义; 绝对布局使用情况 : 绝对布局不能适配不同的分辨率, 屏幕大小, 这种布局已经过时, 如果只为一种设备开发这种布局的话, 可以考虑使用这种布局; 2. 绝对布局的属性 android:layout_x: 指定组件的x坐标; android:la...
html语言中的绝对布局和相对布局
最新发布
03-13
<think>好的，我需要解释HTML中的绝对布局和相对布局。首先，我得回忆这两个概念的基本定义和区别。绝对布局是相对于最近的已定位祖先元素定位，如果没有，就相对于文档的body。而相对布局是相对于元素自身原来的位置进行偏移。用户可能想了解它们的具体用法和区别。 接下来，我应该分步骤说明。先讲相对定位，再讲绝对定位。每个部分需要包含定义、特点、使用场景以及示例代码。这样结构清晰，便于用户理解。 要注意用户可能对CSS的position属性不太熟悉，所以得先提到position属性的relative和absolute值。同时，要指出相对定位元素仍然占据文档流中的原位置，而绝对定位脱离文档流，可能覆盖其他元素。 示例代码部分，使用简单的HTML和CSS代码，展示两种布局的效果。比如，相对定位的元素偏移后，周围元素不受影响；绝对定位的元素可能覆盖其他内容。 还要比较两者的区别，比如参考系、文档流的影响、使用场景等。用户可能想知道何时选择哪种布局，所以需要给出建议，比如相对布局适合微调元素位置，绝对布局适合创建浮动元素或弹出层。 最后，检查是否有遗漏点，比如是否需要提到fixed或sticky定位？不过用户只问了绝对和相对，所以可以省略。确保语言通俗易懂，避免专业术语过多，必要时用比喻帮助理解。</think>在HTML/CSS中，绝对布局和相对布局是两种常见的定位方式，主要通过`position`属性实现。以下是逐步说明： ### 一、相对布局（Relative Positioning） 1. **定义** 通过`position: relative`实现，元素**相对于自身原有位置**进行偏移。 2. **特点** - 偏移后**原位置仍被保留**（不影响其他元素布局） - 需配合`top`, `left`, `right`, `bottom`属性使用 - 常用于微调元素位置或作为绝对定位的参考容器 3. **示例** ```html <div style="position: relative; left: 20px; top: 10px;"> 这个元素向右移动20px，向下移动10px </div> ``` ### 二、绝对布局（Absolute Positioning） 1. **定义** 通过`position: absolute`实现，元素**相对于最近的定位祖先元素**（即设置了`position: relative/absolute/fixed`的父元素）进行定位。 2. **特点** - **脱离文档流**（原位置不再保留） - 如果没有定位祖先，则相对于`<body>`定位 - 适合创建浮动元素、弹出层等 3. **示例** ```html <div style="position: relative; width: 300px; height: 200px;"> <div style="position: absolute; right: 0; bottom: 0;"> 这个元素位于父容器的右下角 </div> </div> ``` ### 三、关键区别对比 | 特性 | 相对布局 | 绝对布局 | |---------------------|----------------------------------|----------------------------------| | 参考系 | 自身原始位置 | 最近的定位祖先元素 | | 文档流占用 | ✔️ 保留原位置 | ❌ 完全脱离 | | 常见用途 | 微调位置、作为定位参考容器 | 浮动元素、模态框、精确位置控制 | ### 四、使用建议 1. 优先使用**相对布局**进行细微调整 2. 需要精确控制位置时，配合父容器的`position: relative`使用**绝对布局** 3. 避免滥用绝对布局，可能导致元素重叠或响应式布局问题 通过合理组合两种定位方式，可以实现复杂的页面布局效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值