布局单位和方法

最新推荐文章于 2022-09-12 20:01:14 发布
最新推荐文章于 2022-09-12 20:01:14 发布
阅读量566 收藏
点赞数
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liujian_sc/article/details/12177161
版权 
今天学习了在布局文件里面设置布局的一些单位和方法；
如下：

1px 	一个像素点
1dpi 	一英寸有多少个像素点
1dp	在dpi为160的屏幕上: 1dp = 1px   px = 160*(dpi的值/160)
1sp	设置文字大小，随着字体大小的改变字体也跟着改变
layout_margin 		外边距
layout_marginTop	上外边距
layout_marginBottom	下外边距
layout_marginLeft	左外边距
layout_marginRight	右外边距
padding			内边距
paddingTop		上内边距
paddingBottom		下内边距
paddingLeft		左内边距
paddingRight		右内边距


 

焰火灿烂时
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS Viewport 单位 实现快速布局
11-19
在本文中，我们将学习 CSS Viewport units(视口单位)以及如何使用它们，并用列举一些常见问题及其解决方案和用例，让我们开始吧。 简介 根据CSS规范，视口百分比单位相对于初始包含块的大小，它是web页面的根元素。 ...
常见的CSS布局单位%，px，em，rem，vh/wh和应用场景
weixin_57677300的博客
08-16 1787
常见的CSS布局单位%，px，em，rem，vh/wh和应用场景
常见CSS布局单位 px em rem vm vh 、响应式布局如何实现及原理、弹性布局、浮动布局
频繁记录
06-14 1402
常见CSS布局单位 px em rem vm vh 、响应式布局如何实现及原理、弹性布局、浮动布局
常见的css布局单位
typ的blog，记录工作中的问题、学习中的笔记、生活中的感想。
09-12 943
相对于当前对象内文本的字体尺寸，会继承父级元素的字体大小。利用rem可以实现简单的响应式布局，可以利用html元素中字体的大小与屏幕间的比值来设置font-size的值，以此实现当屏幕分辨率变化时让元素也随之变化。）是页面布局的基础，一个像素表示终端（电脑、手机、平板等）屏幕所能显示的最小的区域，不会随浏览器页面大小的变化而变化。rem是CSS3新增的一个相对单位，相对于根元素（html元素）的font-size的倍数。vw：表示视口的宽度，我们把视口分成100份，1vw就表示当前视口宽度的百分之一；
布局中常用的单位
weixin_41631413的博客
02-15 277
1、像素单位 px 像素单位不建议使用，除非是手表或机顶盒。 2、适配的单位 dp 这是适配屏幕的单位，推荐使用，在实际开发中，UI设计师会给你标好的。 3、字体单位 sp sp全名 scaled pixels-best for text size，放大像素（比例像素），与刻度无关，可以根据用户的字体大小首选项进行缩放，主要用来处理字体大小。 ...
【Android】46、布局的单位和尺寸
思跡的博客
08-18 1571
本篇介绍布局的单位和尺寸
CSS之宽高比例布局的方法示例
01-21
如果占位区间是由固定值确定，那么我们皆大欢喜，但在目前的的应用发展中宽高自适应的方式才能满足我们的需求，那么我们该如何这种自适应的 宽高比布局 呢？ 什么是宽高比？ 宽高比也称纵横比，元素的纵横比描述了其...
Flexible.js可伸缩布局实现方法详解
01-18
实现方法： 通过JS来调整html的字体大小，而在页面中的制作稿则统一使用rem这个单位来制作。关键代码如下： ;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = ...
CSS3的calc()做响应模式布局的实现方法
12-13
REM方法 calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词... calc()能让你给元素的做计算，你可以给一个div元素，使用百分比、em、px和rem单位值计算出其宽度或者高度，比如说“width:ca
如何利用vw+rem进行移动端布局
11-20
你还在用rem弹性布局吗？...来了解下vw吧，能让你的...这种方法确实便捷，兼容性也很好，是目前非常主流的弹性布局方案。但这种方案有弊端（弊端之一：和根元素font-size值强耦合，系统字体放大或缩小时，会导致布局错乱；
Android UI设计---布局中常用的单位
木头的博客
03-13 1793
布局中常用的单位有很多种，其中最常用的如下：1.像素单位  px 此单位不推荐使用   其经常用在  手表设备   机顶盒设备  中2.适配的单位  dp  [旧版使用：dip] 推荐使用！ 优点是    在不同的分辨率下  可以显示几乎相近的布局内容 缺点   未发现 例如：  宽 1080px 的屏幕   其dpi为420，需要一块屏幕一半宽度大小的view图层  计算过程：  所以：屏幕的一...
相对布局
qq_39031959的博客
06-06 154
今天我给各位小伙伴们讲讲相对布局吧，我整理了一下资料，分为下面几种常用的，有兴趣的小伙伴看看吧android:id —— 为控件指定相应的IDandroid:text —— 指定控件当中显示的文字，需要注意的是，这里尽量使用strings.xml文件当中的字符串 android:textSize —— 指定控件当中字体的大小 android:background —— 指定该控件所使用的背景色,
移动端布局单位
cicistream
10-06 1703
移动端设备种类繁多，需要适配多种情况的响应式布局来保证美观的页面实现，先来解释容易弄混的多个名词。 PPI 单位英寸像素数DPR 设备像素比： 设备像素 / CSS像素(某一方向上)DPI Dpi（每平方英寸像素数目）：图像细节程度的度量 建议看一下知识小科普！像素英寸与DPI的那些事儿 单位： 　　 - em em是相对长度单位。相对于当前对象内文本的font-size(即父元素
CSS3 网格布局(grid-layout)基础知识 - 弹性尺寸的定义单位：fr 简介及实例
陈小峰（iefreer）的专栏
01-19 7911
网格布局支持弹性尺寸（flex-size），这是一个很好的自适应布局技术。 弹性尺寸使用fr尺寸单位，其来自 "fraction" 或 "fractional unit" 单词的前两个字母，表示整体空间的一部分。
Android-布局单位以及布局详细说明
weixin_30861459的博客
11-05 111
概念： dp（dip）: device independent pixels(设备独立像素) dip，就是把屏幕的高分成480分，宽分成320分。比如你做一条160dip的横线，无论你在320还480的模拟器上，都是一半屏的长度 上面的理解是错的，整个屏幕所拥有的dp是由px和dpi这两个硬件参数共同决定。 dp=px*160/dpi(由px=dpi/160*dp推出） px:pix...
移动端布局的单位
weixin_43755513的博客
08-03 1005
1.px:是固定大小单位。 2.em：根据父元素的font-size值进行计算 3.rem：根据根元素的font-size值进行计算 4.em和rem的font-size值若低于12px,浏览器会按照12px 去解析。 5.vw:视窗宽度的百分比。 6.vh：视窗高度的百分比。 7.vw和vh会随着宽高的变化而发生改变 如果html的font-size会发生改变，那么rem的值也会随着变化而变化，...
Android中常用布局单位
weixin_34342207的博客
12-20 106
Android在UI布局时经常用到一些单位，对单位混用直接会影响UI的显示，要想正确的在布局中使用每种单位就必须先真正的熟悉它。 UI显示效果的影响因素：屏幕尺寸、屏幕密度、分辨率；而android手机种类又比较多，为了适应不同的设备，我们就要注意drawable和layout资源。 常用的单位有：px、dip(dp)、sp，还要一些不常用的单位，如pt、in、mm。 px：对应屏幕上的实际...
如何用adb 进入数据库操作
柠檬绿@
09-01 1823
模拟器启动运行代码正常了，才能输入adb shell命令，我今天也出现了这个问题 进入adb shell之后要两次cd data才能进入那个所在的那个数据存程序所在的文件夹路径名 我的那个程序的包名是com.example.sqlite1所以下面也多了这一条com.example.sqlite1 选择cd com.example.sqlite1在ls在databases里面没有显示数据库
用户登入界面保存用户名和密码
柠檬绿@
10-07 1590
package com.example.login; import android.app.Activity; import android.os.Bundle; import android.text.TextUtils; import android.view.View; import android.widget.CheckBox; import android.widget
网页设计页面布局常用方法 三种举例说明
最新发布
06-13
流式布局是一种相对于固定像素宽度的布局方式，它使用百分比和em单位来设置元素的大小和位置，以适应不同大小的屏幕。流式布局通常用于响应式设计，可以使网页在不同屏幕尺寸下自适应调整布局。例如，一个元素可能被...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值