Android Studio图形界面在真机中位置错乱现象解决

Android Studio提供了可视化的图形界面编辑功能，用户可以直接拖拽想要的组件到屏幕中即可。

但是由于手机分辨率的不同，有时在电脑模拟器中排布正常的页面，到手机真机中就无法正常显示，或者发生页面各个组件的位置错乱的现象。（下图中左图为虚拟机显示，右图为真机显示，右图中下面一行的四个图标位置混乱）

发生这一现象的原因是约束的限制。在xml中，组件不设置约束将会报错，如果只设置了一个约束条件，一个约束条件无法真正将一个组件固定在一个确定的位置。此时如果真机与虚拟机屏幕大小不同，组件会严格按照约束来排布，就会发生位置错乱的现象。

若想在页面中将一个组件的位置固定下来，至少需要三个约束条件，即顶端，左端和右端。

解决方法，在Design界面（可视化编辑）中，右击每一个组件，点击Constrain，依次设置

parent top、parent start、parent end三个约束。这样页面在真机中就可以展示成与虚拟机相同的效果。

此处列出一个有三个位置约束条件的组件。这样的组件就可以在不同手机中显示在大体相同的位置。

<ImageViewandroid:id="@+id/x6"android:layout_width="60dp"android:layout_height="60dp"android:layout_marginStart="140dp"android:layout_marginTop="124dp"android:layout_marginEnd="211dp"android:src="@mipmap/dc"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent"/>

Android Studio图形界面在真机中位置错乱现象解决相关推荐

手把手Android Studio全套安装+配置+真机部署教程【多图超详细】
目录一.Android Studio安装教程二.Android项目的创建三.Android Studio下安装部署真机 Hello,你好呀,我是灰小猿,一个超会写bug的程序猿, 今天在这里和大 ...
【Android笔记】Android Studio使用vivo手机真机测试
Android Studio使用vivo手机真机测试 /* 学习自用笔记. 由于不想下载模拟器(默认装c盘占内存)所以改用自己手机测试 */ 手机操作步骤:打开vivo手机--数据线连接电脑usb-- ...
Android studio 3.5.2真机调试_连接手机
电脑端一.USB驱动准备 1.打开Android studio --> 选择[File]–>[settings],进入SDK Manager. 2.在SDK Tools下勾选Google ...
2022年最新android studio连接雷电模拟器真机调试教程
android studio连接雷电模拟器真机调试载雷电模拟器,打开并进入如下页面进入设置点击关于平板电脑连续点击5次版本号会提示已经打开开发者模式退回设置页面可以看到开发者模式已经打开 ...
Mac android studio 环境搭建和真机运行
Android Studio安装 Android SDK配置模拟器安装开发属于自己的应用如何调试应用一些必备技巧你需要准备什么一台MAC机器 Android版本大于等于4.0的测试设备(没 ...
安装 | Android studio连接不上真机解决办法（电脑安装虚拟机不成功的情况下）
博主github:https://github.com/MichaelBeechan 博主CSDN:https://blog.csdn.net/u011344545 **很多人安装Android St ...
Android studio模拟器尺寸和真机不一样的原因
平时喜欢直接用Android studio自带的模拟器Nexus 5X进行调试发现UI界面效果和真机测试出来的界面不一样我真机用的是华为P10 plus,dp尺寸是360*640的模拟器分辨率为 ...
android studio 连接华为手机真机
1.手机开启开发者模式(Honor V10) 设置->关于手机->连续点击版本号5次就能出现开发者模式->返回上一级出现开发者选项->打开选项(开发者选项,USB调试) 2.a ...
使用 Intel HAXM 为 Android 模拟器加速，媲美真机
使用 Intel HAXM 为 Android 模拟器加速,媲美真机 Android 模拟器一直以运行速度慢著称, 本文介绍使用 Intel HAXM 技术为 Android 模拟器加速, 使模拟器运 ...

Android Studio图形界面在真机中位置错乱现象解决

Android Studio图形界面在真机中位置错乱现象解决相关推荐

最新文章

热门文章