Android屏幕适配（使用ConstraintLayout）

于 2024-04-08 13:34:54 发布
阅读量670 收藏 18
点赞数 25
分类专栏： 程序员 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84123584/article/details/137505814
版权
本文介绍了如何使用Android的ConstraintLayout进行屏幕适配。通过添加垂直和水平参考线，设置ImageView的位置，实现了不同设备上的良好显示。详细步骤包括设置参考线位置、配置ImageView的约束和尺寸，以及展示在不同设备上的效果。提供了XML代码示例，并分享了作者的Android开发经验。
摘要由CSDN通过智能技术生成

现在用AS新建一个项目，都会默认用到一个布局–ConstraintLayout，而博主主要给大家介绍一下下图红框内的部分的前两种（类似于ps的参考线）

在这里插入图片描述

首先要会对位置进行设置–以前有写过一个博客——Android约束布局ConstraintLayout

点击Add Vertical Guideline后会出现一条类似ps的参考线：

在这里插入图片描述

左右拖动可以设置其位置，紫框内就是重点了

纵向参考线默认是居左计算

点击一次紫框内三角形可变为局右

再点一次就能变为百分比

在这里插入图片描述

点击Add Horizontal Guideline后类似，为横向参考线。

教程如下：

1.拉两根横向参考线分别定在20%，65%（博主计算所得）

在这里插入图片描述

最低0.47元/天 解锁文章
2401_84123584
关注
专栏目录
Android屏幕适配（使用ConstraintLayout），借花献佛
m0_64603776的博客
12-07 409
前言：有一个还在上大学的小学弟问博主有没有啥屏幕适配简单的方法，把鸿洋大神的帖子发给他，他说看不懂，鉴于其学Android的时间很短，所以自己出一篇比较容易的简单方法的帖子（百分比适配）。 博主准备的例子是csdn的启动页：效果图如下 现在用AS新建一个项目，都会默认用到一个布局–ConstraintLayout，而博主主要给大家介绍一下下图红框内的部分的前两种（类似于ps的参考线） 首先要会对位置进行设置–以前有写过一个博客——Android约束布局ConstraintLayout 点击Add
Android常用屏幕适配方案和ConstraintLayout的使用
拖鞋王子猪
11-12 897
相信对于移动开发的小伙伴来说，屏幕适配并不陌生，在项目中应该都会遇到这个问题。比如说，在小米手机上显示很正常，而在华为手机上显示就有问题，这就是屏幕适配的问题。下面，我们就来详细了解一下有关屏幕适配的知识点。 1、为什么要屏幕适配 因为Android系统的开放性，任何用户、开发者、OEM厂商、运营商都可以对Android进行定制，于是导致运行 Android 的设备多种多样，它们有着不同的屏幕尺寸和像素密度。 尽管系统可通过基本的缩放和调整大小功能使界面适应不同屏幕，但是，有些情况却是不尽人意，我们开发
Android基本控件之ConstraintLayout
qq_36451275的博客
07-18 626
一、ConstraintLayout 1、 ConstraintLayout作为一款可以灵活调整view位置和大小的ViewGroup，ConstrantLayOut在复杂布局中能够有效的，降低布局的层级，提高性能，使用更加的灵活。 在app中的依赖 2、相对定位： 相对定位，其实这跟RelativeLayout差不多，一个View相对于另一个View的位置 通过简单的使用Co...
初识ConstraintLayout之参照线（Guidelines）
chuyouyinghe的专栏
10-09 860
我们刚刚参加的垂直参照线与起始边缘的偏移量就为20dp，注意这里我们指的是起始边缘(start)而不是左边缘(left)，因为对于从右向左的布局设置来说这是一个很好的用法。Guideline类实际上是View的子类，它的onDraw()方法为空方法，并且固定为View.GONE，应用运行的时候它将无法显示出来，但在布局阶段，它将显示出来，我们可以用它来对齐其它的View。该示例中参照线仅限制了单个视图，但如果参照线要对更多的视图进行限制，那通过移动参照线将导致所有的视图都随之移动。参照线有水平和垂直之分。
[译] ConstraintLayout基础系列之参照线guidelines
学会编程
05-25 5370
原文：ConstraintLayout basics guidelines 作者：Mark Allison什么是参照线 guidelines如果你熟悉 UI 设计软件你应该已经使用过参照线 guidelines 并对它的作用熟悉了。参照线 guideline 提供了视觉上的参照用于 Views 的对齐，而且不会在运行的时候显示，只要你熟悉它的使用了就会发现它对你的对齐实现非常方便。 Google
Android Studio：ConstraintLayout的常用属性详解
star_nwe的博客
06-18 3296
约束布局ConstraintLayout 是一个ViewGroup，可以在Api9以上的Android系统使用它，它的出现主要是为了解决布局嵌套过多的问题，以灵活的方式定位和调整小部件。从 Android Studio 2.3 起，官方的模板默认使用 ConstraintLayout
ConstraintLayout使用详解
qq_36352239的博客
07-14 1764
转载文章： 约束布局ConstraintLayout看这一篇就够了 万字长文 - 史上最全ConstraintLayout（约束布局）使用详解 使用ConstraintLayout遇到的些许问题 1.ConstraintLayout介绍 约束布局ConstraintLayout 是一个ViewGroup，可以在Api9以上的Android系统使用它，它的出现主要是为了解决布局嵌套过多的问题，以灵活的方式定位和调整小部件。从 Android Studio 2.3 起，官方的模板默认使用 Constr
约束布局 ConstraintLayout 的使用
I_can_move_you的专栏
05-03 1832
优点：是可以减少布局嵌套，弥补四大布局比较不好实现的地方，良好支持拖拽，良好支持UI可视化编辑。 缺点：ConstraintLayout作为ListView的Item根布局时设置Item元素可见性，不会触发onLayout，位置不更新。与传统列表结合使用，要慎重考虑。 本文以代码结合可视化UI编辑方式说明
Android屏幕适配:dimens自动生成工具以及使用方法,亲测好用
08-11
现在，针对"Android屏幕适配:dimens自动生成工具"，这个工具的主要功能是自动化生成多个`dimens.xml`文件，减少手动创建和维护的工作量。使用该工具，开发者只需输入基本的尺寸数据，工具会根据预设的屏幕密度配置...
Android屏幕适配（使用ConstraintLayout），2021年Android高级面试题总结
m0_66264134的博客
01-21 628
2.然后拉一个imageView进入布局，选择自己要显示的图片 3.将此imageView的上下参照物设置为两参照线，并将左右参照物设置为父容器。将其宽设置为wrap_content，高设置为mach_constraint(也就是0dp)。 这张图就适配好位置了。 同理：适配第二张图 新建两线，将两线位置分别定在%89，%93.5。 拉一个imageView进入布局，选择自己要显 示的图片 将此imageView的上下参照物设置为两参照线，并将左右参照物设置为父容器。将其宽设置为wrap_co
Android布局ConstraintLayout
walker lee
06-30 1035
ConstraintLayout布局 public class ConstraintLayout extends ViewGroup java.lang.Object ↳ android.view.View ↳ android.view.ViewGroup ↳ android.support.constraint.Constr...
Android屏幕适配（使用ConstraintLayout）(1)
最新发布
goodhighting的博客
04-08 607
左右拖动可以设置其位置，纵向参考线默认是居左计算点击一次紫框内三角形可变为局右点击Add Horizontal Guideline后类似，为横向参考线。1.拉两根横向参考线分别定在20%，65%（博主计算所得）2.然后拉一个imageView进入布局，选择自己要显示的图片3.将此imageView的上下参照物设置为两参照线，并将左右参照物设置为父容器。将其宽设置为wrap_content，高设置为(也就是0dp)。这张图就适配好位置了。新建两线，将两线位置分别定在%89，%93.5。
Android开发之ConstraintLayout
ShadyPi的IT笔记
03-17 1420
布局中的神，约束布局
Android ConstraintLayout 使用与适配（适配篇）
XiaoJL博客
04-08 5255
dp + 修改Density适配 标题
为什么要使用ConstraintLayout?
jingSummer的博客
11-23 1886
本文为博主原创文章，转载请注明出处：http://blog.csdn.net/jingsummer/article/details/78615360 源码地址：ConstraintLayoutDemo相信大家对ConstraintLayout并不陌生，Android Studio升级2.2之后，默认生成的XML布局已经从原来的RelativeLayout替换为ConstraintLayout，并且g
ConstraintLayout约束布局的一些知识点（相对定位、角度定位、Barrier、Guideline和Group）
Deaful的专栏
05-13 3414
1、相对定位 值得一说的有两点： a. layout_constraintBaseline_toBaselineOf，Baseline指的是文本基线，效果图如下： 虽然两个TextView高度不同，字体大小不同，但是文本是对齐的。 b.layout_constraintLeft_toLeftOf与layout_constraintRight_toRightOf匹配，layout_constraintStart_toStartOf与layout_constraintEnd_toEndOf匹配，否则
android创建Guideline,初识ConstraintLayout之参照线（Guidelines）
weixin_42520909的博客
05-27 5573
8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？熟悉图形设计工具的设计人员可能对参照线并不陌生，但对于不是从事设计的人来说它可能有点陌生。一个参照线就是一个用来对齐其他视图且运行时隐藏的参照视图。这是一个抽象概念，但是一旦了解了它工作原理，那对于以后的布局将非常有用。Material Design推荐使用keylines。本篇文章学习如何通过参照线来快速实现这些。参照...
Android开发 - 掌握ConstraintLayout（七）辅助线(Guideline)
weixin_34146986的博客
11-08 639
了解过UI设计的同学都知道，在设计的时候，我们经常在界面上拖进一些辅助线来帮我们对齐UI元素，或者方便我们统一的页边距。 在ConstraintLayout的编辑器中，同样也支持这样的功能，我们可以创建一些横向的或者纵向的Guideline，在布局界面的时候可以充分利用这些辅助线，对齐我们的View，避免重复写一些marginXXX。 创建Guideline 打开编辑器，选择Helpers -&g...
带你了解Android约束布局ConstraintLayout
四月葡萄的博客
09-18 6435
目录1 ConstraintLayout简介2 引入ConstraintLayout3 相对位置4 尺寸约束5 宽高比6 百分比宽高7 位置偏向8 权重9 链10 Guideline辅助线11 小结 ConstraintLayout是Android新推出的一个布局，其性能更好，连官方的hello world都用ConstraintLayout来写了。所以极力推荐使用ConstraintLayout...
Android多屏幕适配技术解析
"Android DevCamp幻灯片分享02主要探讨了Android在多屏幕、多设备上的适配问题，由布丁（任斐）分享，内容涵盖了Android设备的碎片化、平台版本差异、屏幕尺寸和分辨率的多样性，以及Android系统如何支持这些不同的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值