.net开发安卓入门 - 布局与样式（像素单位px、dp、sp的区别)

已于 2023-04-13 09:08:11 修改
阅读量1.1k 收藏 1
点赞数
分类专栏： .net 移动开发 文章标签： android ui
于 2022-12-08 16:55:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iml6yu/article/details/128239618
版权

.net开发安卓入门 - 布局与样式

布局

布局用于排列构成屏幕的 UI 界面的元素 (，例如活动) 。 以下部分介绍如何在 Xamarin.Android 应用中使用最常用的布局。

LinearLayout

LinearLayout 是一个视图组，它以垂直或水平方向以线性方向显示子视图元素。
在这里插入图片描述

RelativeLayout

是显示相对位置的子视图元素的视图组。 视图的位置可以指定为相对于同级元素。
在这里插入图片描述

TableLayout

是一个视图组，用于在行和列中显示子视图元素。

在这里插入图片描述

RecyclerView

是一个 UI 元素，它显示列表或网格中的项集合，使用户能够滚动浏览集合。
在这里插入图片描述

ListView

是一个视图组，用于创建可滚动项的列表。 列表项使用列表适配器自动插入到列表中。 ListView这是 Android 应用程序的重要 UI 组件，因为它随处使用，从菜单选项的简短列表到联系人或 Internet 收藏夹的长列表。 它提供了一种简单的方式来显示可使用内置样式设置格式或自定义的行的滚动列表。 ListView 实例需要适配器以行视图中包含的数据馈送它。
在这里插入图片描述

GridView

是一个 UI 元素，用于在可滚动的二维网格中显示项。
在这里插入图片描述

GridLayout

是一个视图组，支持在 2D 网格中布局视图，类似于 HTML 表。
在这里插入图片描述

Tabbed Layouts

是移动应用程序中常用的用户界面模式，因为它们的简单性和可用性。 它们提供了在应用程序中的各个屏幕之间导航的一致、简单方法。
在这里插入图片描述

主题 Material Theme

材料主题 是一种用户界面样式，用于确定从 Android 5.0 (Lollipop) 开始的视图和活动的外观。 材料主题内置于 Android 5.0 中，因此由系统 UI 和应用程序使用。 从系统范围外观选项意义上讲，材料主题不是“主题”，用户可以从设置菜单中选择动态选择。 相反，可以将材料主题视为一组相关的内置基样式，可用于自定义应用的外观。

Android 提供三种材料主题风格：

  • Theme.Material – 深色版材料主题;这是 Android 5.0 中的默认风格。

  • Theme.Material.Light – 材料主题的浅色版本。

  • Theme.Material.Light.DarkActionBar – 浅色版本的材料主题，但带有深色操作栏。

此处显示了这些材料主题风格的示例：
在这里插入图片描述

主题应用程序

若要将整个应用程序配置为使用“材料主题”风格， android:theme 请将 AndroidManifest.xml 中的应用程序节点的属性设置为以下其中一个：

  • @android:style/Theme.Material – 深色主题。

  • @android:style/Theme.Material.Light – 浅色主题。

  • @android:style/Theme.Material.Light.DarkActionBar – 带有深色操作栏的浅色主题。

以下示例将应用程序 MyApp 配置为使用浅色主题：

<application android:label="MyApp" 
             android:theme="@android:style/Theme.Material.Light">
</application>

或者，可以在 AssemblyInfo.cs (或 Properties.cs) 中设置应用程序Theme属性。 例如：

[assembly: Application(Theme="@android:style/Theme.Material.Light")]

主题活动

[Activity(Theme = "@android:style/Theme.Material.Light",
          Label = "MyApp", MainLauncher = true, Icon = "@drawable/icon")]

材料主题公开以下用于自定义的布局属性：

  • colorPrimary – 应用栏的颜色。

  • colorPrimaryDark – 状态栏和上下文应用栏的颜色;这通常是深色版本的 colorPrimary。

  • colorAccent – UI 控件的颜色，如复选框、单选按钮和编辑文本框。

  • windowBackground – 屏幕背景的颜色。

  • textColorPrimary – 应用栏中 UI 文本的颜色。

  • statusBarColor - 状态栏的颜色。

  • navigationBarColor – 导航栏的颜色。
    下图中标记了这些屏幕区域
    在这里插入图片描述
    默认情况下， statusBarColor 设置为值 colorPrimaryDark。 可以设置为 statusBarColor 纯色，也可以将其 @android:color/transparent 设置为使状态栏透明。 也可以通过将导航栏设置为navigationBarColor@android:color/transparent透明。

关于更多主题介绍可以通过这里了解

https://learn.microsoft.com/zh-cn/xamarin/android/user-interface/material-theme

像素

px

即像素，1px代表屏幕上一个物理的像素点；

px单位不被建议使用，因为同样100px的图片，在不同手机上显示的实际大小可能不同，如下图所示（图片来自android developer guide，下同）。

在这里插入图片描述

dp

这个是最常用但也最难理解的尺寸单位。它与“像素密度”密切相关，所以首先我们解释一下什么是像素密度。假设有一部手机，屏幕的物理尺寸为1.5英寸x2英寸，屏幕分辨率为240x320，则我们可以计算出在这部手机的屏幕上，每英寸包含的像素点的数量为240/1.5=160dpi（横向）或320/2=160dpi（纵向），160dpi就是这部手机的像素密度，像素密度的单位dpi是Dots Per Inch的缩写，即每英寸像素数量。横向和纵向的这个值都是相同的，原因是大部分手机屏幕使用正方形的像素点。

不同的手机/平板可能具有不同的像素密度，例如同为4寸手机，有480x320分辨率的也有800x480分辨率的，前者的像素密度就比较低。Android系统定义了四种像素密度：低（120dpi）、中（160dpi）、高（240dpi）和超高（320dpi），它们对应的dp到px的系数分别为0.75、1、1.5和2，这个系数乘以dp长度就是像素数。例如界面上有一个长度为“80dp”的图片，那么它在240dpi的手机上实际显示为80x1.5=120px，在320dpi的手机上实际显示为80x2=160px。如果你拿这两部手机放在一起对比，会发现这个图片的物理尺寸“差不多”，这就是使用dp作为单位的效果，见下图。
　　在这里插入图片描述

dip

与dp完全相同，只是名字不同而已。在早期的Android版本里多使用dip，后来为了与sp统一就建议使用dp这个名字了。

sp

与缩放无关的抽象像素（Scale-independent Pixel）。sp和dp很类似但唯一的区别是，Android系统允许用户自定义文字尺寸大小（小、正常、大、超大等等），当文字尺寸是“正常”时1sp=1dp=0.00625英寸，而当文字尺寸是“大”或“超大”时，1sp>1dp=0.00625英寸。类似我们在windows里调整字体尺寸以后的效果——窗口大小不变，只有文字大小改变。

最佳实践，文字的尺寸一律用sp单位，非文字的尺寸一律使用dp单位。例如textSize=“16sp”、layout_width=“60dp”；偶尔需要使用px单位，例如需要在屏幕上画一条细的分隔线时：

 <View layout_width="match_parent" layout_height="1px"/>

常用UI框架推荐

https://gitcode.net/mirrors/wasabeef/awesome-android-ui?utm_source=csdn_github_accelerator

常用动画推荐

https://developer.android.google.cn/training/constraint-layout/motionlayout/examples?hl=zh-cn

同系列文章推荐

.net开发安卓入门 - 环境安装
.net开发安卓入门 - Hello world!
.net开发安卓入门 - 基本交互（Button，输入EditText，TextView，Toast）
.net开发安卓入门 - 布局与样式
.net开发安卓入门 - Activity
.net开发安卓入门 - Notification（通知）
.net开发安卓入门 - 四大基本组件
.net开发安卓入门 - Service (服务）
.net开发安卓入门 - 打包（.apk)
.net开发安卓入门 - ImageView 显示网络图片
.net开发安卓入门-文件操作与配置操作
.net开发安卓入门-Dialog
.net开发安卓入门-自动升级（配合.net6 webapi 作为服务端）
vs2022 实现无线调试安卓（Windows）
.net开发安卓从入门到放弃
.net开发安卓从入门到放弃 最后的挣扎（排查程序闪退问题记录-到目前为止仍在继续）
.net开发安卓入门 -记录两个问题处理办法

iml6yu
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 图片切换器（dp、sp、px） 的单位转换器
08-30
在Android开发中，UI设计和布局是至关重要的部分，其中涉及到不同的尺寸单位，如dp、sp、px等。这些单位在不同的场景下有着不同的应用，理解它们之间的转换对于适配不同屏幕尺寸和分辨率的设备至关重要。 1. dp ...
android中px和dp,px和sp之间的转换方法
08-27
Android 中 px 和 dp、px 和 sp 之间的转换方法 在 Android 开发中，dp 和 px、sp 和 px 之间的转换是必不可少的。下面，我们将详细介绍 Android 中 px 和 dp、px 和 sp 之间的转换方法。 一、什么是 dp 和 px？ ...
Android 开发从入门到实战
death_of_ye的博客
02-18 1927
本节介绍Android开发的历史沿革，包括Android的发展历程和Android Studio的发展历程两个方面。数据定义语言全称Data Definition Language，简称DDL，它描述了怎样变更数据实体的框架结构。就SQLite而言，DDL语言主要包括3种操作：创建表格、删除表格、修改表结构，分别说明如下。创建表格表格的创建动作由create命令完成，格式为“CREATE TABLE IF NOT EXISTS 表格名称（以逗号分隔的各字段定义）；
Android入门基础教程
热门推荐
晨曦的博客
03-03 2万+
目录 第1章 Android Studio运行第一个程序 1.1 Android Studio下载： 1.1.1 Android开发者官网： 1.1.2 下载Android Studio开发者工具： 1.2 Android Studio安装： 1.3 第一个Android应用程序： 第1章 Android Studio运行第一个程序 1.1 Android Studio下载： 1.1.1 Android开发者官网： https://developer.android.........
第一章-Android基础入门
ZMMMOO的博客
11-10 259
RGB: 使用一位十六进制数值表示红绿蓝#ARGB: 使用一位十六进制数值表示透明度、红绿蓝#RRGGBB: 使用二位十六进制数值表示红绿蓝#AARRGGBB: 使用二位十六进制数值表示透明度、红绿蓝颜色的小写字母可以换成大写。
Android 开发 入门
最新发布
GreatPumpkin的博客
03-19 836
Android 开发 Android采用Log工具大一混日志，他将各类日志划分为五个等级： Log.e：错误信息 Log.w：警告信息 Log.i：一般消息 Log.d：调试信息 Log.d("ning", "onCreate"); Log.v：冗余信息 模块对应实际的app，运行试运行模块不是运行项目 1.项目的目录结构 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CJzVDGRz-1679196459953)(C:\Users\HP\AppDa
Android 开发笔记整理，比较全
huahua的博客
08-27 2105
安卓入门开发笔记，比较全面，零基础没有经验也可以看，记录了比较全面的术语和知识
Android4开发入门经典 之 第四部分：用户界面
丁丁的专栏
02-25 1885
基本概念 常用Widgets和布局 常用的Widgets TextView、Button、 EditText、CheckBox、RadioGroup、RadioButton、Spinner、ProgressBar、ImageView、Date Picker、Time Picker、Rating Bar、Gallery 、Auto Complete ……  常
React Native基础&入门教程：初步使用Flexbox布局
weixin_33985507的博客
07-04 50
2019独角兽企业重金招聘Python工程师标准>>> ...
Android开发你应该知道的知识点总结
逍遥飞鹤的专栏
07-04 2702
1. android单实例运行方法 我们都知道Android平台没有任务管理器，而内部App维护者一个Activity history stack来实现窗口显示和销毁，对于常规从快捷方式运行来看都是startActivity可能会使用FLAG_ACTIVITY_NEW_TASK标记来打开一个新窗口，比如Launcher，所以考虑单任务的实现方法比较简单，首先Android123纠正下大家一种
Android快速入门
HeiMa_SH的博客
11-08 1055
第一天 Android快速入门 第一章快速入门........................................................................................................................ 2 1.1 Android系统简介...................................
Android dp和px/sp等单位相互转换
12-28
在Android开发中，理解并掌握dp、px、sp等单位之间的转换是非常重要的，因为它们直接影响到界面元素在不同分辨率和像素密度设备上的显示效果。dp（density-independent pixels）是独立像素，px（pixels）是像素，sp...
简单谈谈Android中SP与DP的区别
09-01
在Android开发中，尺寸单位是理解用户界面布局和视觉效果的关键因素。SP和DP是两种常用的单位，它们在处理屏幕尺寸和分辨率时起着至关重要的作用。本文将深入探讨这两种单位的区别，以及它们在实际应用中的意义。 ...
Android中的常用尺寸单位（dp、sp）快速入门教程
08-30
sp则与dp相似，但它主要用作字体的尺寸单位，与dp的区别是：Android系统支持用户设定字体大小，因而sp的实际大小还会根据用户设定在原基础上进行缩放。在 TypedValue 类中包含一个用户将dp、sp等单位转换为px的静态...
Android-Android将px值转换成dp
08-13
此外，Android Studio提供了`convertPixelsToDp()`和`convertDpToPixels()`的辅助方法，可以直接在布局XML文件中进行像素单位与密度无关像素单位之间的转换。但这些方法仅适用于XML中的值，不适合在代码中动态计算。...
android布局单位sp，dp，pt，px的区别
09-21
在Android开发中，为了确保应用在不同屏幕尺寸和密度下的适应性和一致性，使用了多种布局单位，其中最为常见的包括sp、dp（或dip）、pt和px。这些单位各有其特性和应用场景，理解它们之间的差异对于创建响应式和用户...
Android中dip、dp、sp、pt和px的区别详解
09-05
本文主要解析Android中的五个关键单位：dip、dp、sp、pt和px，以及它们之间的区别。 1. **dip（设备独立像素）**： 设备独立像素是一种与设备硬件无关的单位，它的大小会根据设备的物理密度进行调整，确保在不同...
解析android中的dip,dp,px,sp和屏幕密度
01-05
1. dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关，一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个，不依赖像素。 这里要特别注意dip与屏幕密度有关，而屏幕密度又...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值