首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

android中工具栏图标之间的默认间距是多少?

在Android开发中,工具栏(Toolbar)图标之间的默认间距是由系统定义的,并且可能会因不同的Android版本和设备制造商的定制而有所差异。通常情况下,这个间距是为了保持界面的美观和一致性。

基础概念

  • Toolbar: 是Android中的一个视图组件,用于在应用顶部显示操作相关的信息和导航按钮。
  • 图标间距: 指的是Toolbar中相邻图标之间的水平和垂直距离。

相关优势

  • 一致性: 系统定义的间距有助于在不同设备和屏幕尺寸上保持一致的用户体验。
  • 简化设计: 开发者无需手动计算和设置每个图标的间距,减少了工作量。

类型与应用场景

  • 水平间距: 适用于水平排列的图标。
  • 垂直间距: 适用于垂直排列的图标或在Toolbar中的菜单项。

遇到的问题及原因

如果你发现Toolbar中的图标间距不符合预期,可能的原因包括:

  • 自定义样式: 可能使用了自定义的Toolbar样式,覆盖了默认间距。
  • 屏幕适配问题: 不同屏幕尺寸和分辨率可能导致间距看起来不一致。
  • 第三方库影响: 使用的第三方库可能改变了Toolbar的默认行为。

解决方法

要调整Toolbar图标之间的间距,可以通过以下几种方式:

方法一:使用XML属性

在Toolbar的定义中,可以使用contentInsetStartcontentInsetEnd属性来控制内容的起始和结束内边距,间接影响图标的间距。

代码语言:txt
复制
<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    app:contentInsetStart="16dp"
    app:contentInsetEnd="16dp">
</androidx.appcompat.widget.Toolbar>

方法二:代码动态设置

在Java或Kotlin代码中,可以动态设置Toolbar的内容内边距。

Java示例:

代码语言:txt
复制
Toolbar toolbar = findViewById(R.id.toolbar);
toolbar.setContentInsetsAbsolute(16, 16); // 设置左右内边距

Kotlin示例:

代码语言:txt
复制
val toolbar = findViewById<Toolbar>(R.id.toolbar)
toolbar.setContentInsetsAbsolute(16, 16) // 设置左右内边距

方法三:自定义样式

创建一个自定义的Toolbar样式,并在其中设置间距。

代码语言:txt
复制
<style name="CustomToolbarStyle" parent="Widget.AppCompat.Toolbar">
    <item name="contentInsetStart">16dp</item>
    <item name="contentInsetEnd">16dp</item>
</style>

然后在布局文件中应用这个样式:

代码语言:txt
复制
<androidx.appcompat.widget.Toolbar
    android:id="@+id/toolbar"
    style="@style/CustomToolbarStyle"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize">
</androidx.appcompat.widget.Toolbar>

通过上述方法,你可以有效地调整Toolbar中图标之间的间距,以适应不同的设计需求和屏幕尺寸。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

探索 Android Design Support Library v28 新增内容

这个类从你可能已经使用的 AppCompatButton 类继承而来. 它们之间有什么不同呢? 这个按钮开箱即用, 它被设计成具有物质本质外观和质感, 而无需使用样式标志定义...." app:icon="@drawable/ic_android_white_24dp" /> 默认情况下, 此类将使用主题的 accent colour 填充按钮的背景颜色, 同时使用白色作为按钮的文字颜色...android.support.design.chip.ChipGroup> 默认情况下, 你的 Chip 视图看起来有些拥挤....如果的确如此, 你可以使用如下的 ChipGroup 本身的属性为子 Chip 视图添加一些间距: app:chipSpacing: 在横纵轴方向均添加间距 app:chipSpacingHorizontal...Bottom App Bar 底部应用栏是一个新的组件, 它允许我们在布局的底部显示一个类似工具栏的组件. 这使我们能够以比标准工具栏更容易交互的方式向用户显示组件. ?

1.9K20
  • linux中sftp默认登录的端口号是多少? sftp通过指定的端口号连接?sftp默认端口号

    大家好,又见面了,我是你们的朋友全栈君。...需求描述:   今天一个同事,遇到个问题,程序连接sftp服务器连接不上,问我端口号是多少,   我想了一下是21还是22,所以就做了测试,发现sftp默认的连接端口号是22,   在此做下记录....操作过程: 1.使用sftp默认的端口号进行登录 aiuap_cj@cuchc802:~> sftp aisftp@10.124.163.133 aisftp@10.124.163.133's password...: Connected to 10.124.163.133. sftp> 备注:可以连接,但是并没有显示当前的端口号. 2.使用-P 端口号的方式进行登录 aiuap_cj@cuchc802:~>...sftp> 备注:发现21端口是无法连接的,使用22端口就能进行连接,所以,默认的sftp端口号22,同时呢,如果其他的sftp服务器的端口号修改之后,可以通过-P来指定要通过哪个端口号连接.

    17.9K20

    在sap系统设置纸张打印格式(针式打印机)

    】页面(在该页面上有四个按钮:【设备类型】、【打印控制】、【格式类型】、【页格式】); 2、选择【页格式】进入页格式列表界面,选择工具栏上的【修改】图标,工具栏左边会出现【新建】图标(注:不点【修改】...4、选择【设备类型】进入设备类型列表界面,在列表中选择设备类型为“CNSAPWIN”双击进入设备类型(更改)界面,选择工具栏上的【格式】按钮图标进入设备类型格式修改界面,选择【新建】图标,在弹出的对话框的...“215*140”进入maintain format界面,双击要编辑的地方,进入代码编写界面,可在代码中写打印的行间距、字间距、字体、字体大小。...8、对于针式打印机,其默认纸张都是A4,我们需要自定义一种纸张的大小,定义纸张格式为215*140,实际尺寸可设置为214.5mm/139.5mm。...注意:由于SAP与针式打印机之间接口的问题,如果表格线太细,打印出来的表格会有时缺少部分横线和竖线,纠正办法是:加粗表格的表框线,最好设置到20TW

    3.2K10

    Infer Constraints,Autoconnect,ConstraintLayout拖拽使用教程

    : 方式 作用 点击把手(发起连接的小圆圈) 移除该把手创建的约束(光标放上去之后会变红,然后单击即可) 点击该图标,删除该view的全部删除约束条件 点击工具栏中的该图标,删除当前整个布局中的全部...该辅助线只在代码中对程序猿可见,app部署之后在页面中是看不到该线的。 如上图,我们点击工具栏中的图标之后,就可以选择创建一个水平或者垂直的 guideLine。...view与父布局的间距(默认模式) Spread inside: 第一个view和最后一个view贴边,空余部分被分配给其他view,作为view之间的间距 Weighted: 如果链条模式是 spread...2、自动连接式约束(Autoconnect) Autoconnect 在默认情况下是处于关闭状态的,我们可以通过点击工具栏中的 Turn on Autoconnect 图标手动的开启或关闭。...九、其他补充内容 1、工具栏中的图标及其各自含义 工具栏中的图标及其含义 在文中之前部分的介绍中已经介绍过上图中的多个功能按钮了,这里再做一次统一的介绍。 编号 功能 1 非编辑状态下是否展示约束线。

    14010

    Flutter中设置Android的应用名称和图标(android,ios,web)#yyds干货盘点#

    Flutter在新建过程中,生成的project name是默认的应用名称,应用图标也是默认的,具体效果如下所示: [Flutter中设置Android的应用名称和图标(android,ios,web)...,具体的操作如下所示: (1)AndroidManifest.xml文件中application下面的label对应的值就是应用的名称; [Flutter中设置Android的应用名称和图标(android...、Flutter中设置web端的应用名称和图标 应用名称 index.html中的title [Flutter中设置Android的应用名称和图标(android,ios,web)#yyds干货盘点#_...flutter_08] 应用图标 [Flutter中设置Android的应用名称和图标(android,ios,web)#yyds干货盘点#_flutter_09] [Flutter中设置Android...的应用名称和图标(android,ios,web)#yyds干货盘点#_flutter_10] 最后在main.dart 中默认有两个 title,你可以理解为第一个为应用内名称,第二个相当于 Activity

    3.4K20

    Android新特性介绍,ConstraintLayout完全解析

    第三种用于删除当前界面中的所有约束,点击工具栏中的删除约束图标即可,如下图所示。 ?...实际上,Android Studio给控件的每个方向上的约束都默认添加了一个16dp的间距,从Inspector上面也可以明显地看出来这些间距的值。...如果这些默认值并不是你想要的,可以直接在Inspector上进行修改,如下图所示: ? 可以看到,修改成0之后Button右侧的间距就没了。...而Guideline默认是使用的dp尺,我们需要选中Guideline,并点击一下最上面的箭头图标将它改成百分比尺,然后将垂直方向上的Guideline调整到50%的位置,这样就将准备工作做好了。...想要使用Autoconnect,首先需要在工具栏中将这个功能启用,默认情况下Autoconnect是不启用的,如下图所示。 ?

    1.9K70

    【总结】移动应用界面设计的尺寸设置及规范

    在android规范中对于导航栏、工具栏等的尺寸没有明确的规定。...px (1280-50-96-96=1038) Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,高度也和菜单栏一样为:96 px 4、图标和字体大小(来自官方规范文档) a、启动图标...比如操作栏图标32 x 32 dp ,则设计稿上应该是64 x 64 px 。 e、字体大小 Android规范中的要求如下: ?...作为对照,正文样式在大字号下使用 34 点字体大小作为默认文字大小设置。 – 通常来说,每一档文字大小设置的字体大小和行间距的差异是 2 点。...例外情况是两个标题样式,在最小、小和中等设置时都使用相同字体大小、行间距和字间距。 – 在最小的三种文字大小中,字间距相对宽阔;在最大的三种文字大小中,字间距相对紧密。

    3.6K40

    移动应用界面设计的尺寸规范「建议收藏」

    在android规范中对于导航栏、工具栏等的尺寸没有明确的规定。...:1038 px(1280-50-96-96=1038) Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,高度也和菜单栏一样为:96 px 4、图标和字体大小(来自官方规范文档)...e、字体大小 Android规范中的要求如下: 前面提到Android开发中的字号单位是sp,而换算关系是 sp*ppi/160 = px 。...作为对照,正文样式在大字号下使用 34 点字体大小作为默认文字大小设置。 – 通常来说,每一档文字大小设置的字体大小和行间距的差异是 2 点。...例外情况是两个标题样式,在最小、小和中等设置时都使用相同字体大小、行间距和字间距。 – 在最小的三种文字大小中,字间距相对宽阔;在最大的三种文字大小中,字间距相对紧密。

    5.3K20

    Axure实战06:创建一个AppleSymbol图标库网站

    首先是侧边导航栏,我们拖入一个动态面板放在左侧,在样式工具栏中,设置它的位置为0,0,尺寸是256*955,并填充动态面板的背景颜色为#001529。...我们复制6个“导航菜单”的矩形,修改里面的文字为“常用功能”、“增删改查”、“上下左右”、“收藏点赞”、“消息提醒”、“硬件设备”。 矩形居中对齐,间距为10,可自行调节矩形间的间距。...这样在页面每次加载的时候,系统会默认选中第一个菜单,同时内联框架页面打开第一个菜单对应的页面。 而且内联框架也需要设置默认的目标页面。...选中内联框架,在“样式”工具栏中,设置“添加框架目标”,选择链接目标为“导航菜单”页面。 我们在浏览器中预览下效果。 基础样式-内容 框架搭好了以后,我们来完成了单个页面的图标展示。...设置大小为60*60,把图片组件放在矩形组件的中间靠上的位置,上边距为20,左右间距一样就行就行。 这样,我们就完成了一个图标卡片的制作。

    2.6K20

    ConstraintLayout_1:可视化拖拽布局

    6.gif 第三种用于删除当前界面中的所有约束,点击工具栏中的删除约束图标即可,如下图所示。...实际上,Android Studio给控件的每个方向上的约束都默认添加了一个16dp的间距,从Inspector上面也可以明显地看出来这些间距的值。...如果这些默认值并不是你想要的,可以直接在Inspector上进行修改,如下图所示: 8.gif 可以看到,修改成0之后Button右侧的间距就没了。...而Guideline默认是使用的dp尺,我们需要选中Guideline,并点击一下最上面的箭头图标将它改成百分比尺,然后将垂直方向上的Guideline调整到50%的位置,这样就将准备工作做好了。...想要使用Autoconnect,首先需要在工具栏中将这个功能启用,默认情况下Autoconnect是不启用的,如下图所示。

    1.4K20

    【论文修改中遇到的小问题集合】

    论文修改中遇到的小问题集合 一、word中多级标题的设置 首先将所需标题的文字编辑好,在上方工具栏中选择视图,在视图栏中点击大纲(即可切换为大纲视角) 选中需要更改为一级标题的文字...二、word中行间距不同 在进行文档设置时,是否经常会出现明明已经设置好了段落缩进与行间距,却还是存在两行之间间距明显不同的情况。...在上方工具栏中选择样式,选中所需调整段落的文本,点击清除格式,即可将整段的格式全部清除,之后再重新选中文本,设置段落间距即可 三、尾注与脚注的转换 在进行脚注与尾注标记时,辛辛苦苦标记完成,却发现完全标反了...不用着急 只需在上方工具栏中,点击引用工具栏中右下角的小图标,在出现的选项弹窗中,点击转换 选择需要进行转换的方式,点击确定,即可全部转换 四、缩进段落全部都缩进了怎么办 在进行段落设置时...选择需要进行缩进的文字,选择段落 在段落中,选择右侧的特殊,将其更改为首行,缩进值根据自己需要进行修改,一般为两字符 这时,文章的段落就不再是全部缩进,而只是第一行进行缩进

    25630

    Android Studio 4.1 的 Dagger 导航更新

    最新的 Android Studio 4.1 版本 (目前已经在稳定版渠道发布) 为我们带来了一个新的“间距图标” (在编辑器和代码行号之间的图标,如下图所示),通过点击这个图标,我们可以轻松地在 Dagger...在 Android Studio 中新增的 Dagger 导航支持  正如您所看到的,在 Android 应用中 Dagger 关系的导航从未如此简单。...实践 在 Android Studio 4.1 Canary 7 之后,您可以在使用 Dagger 的项目中看到一个新的间距图标: Android Studio 中新的 Dagger 间距图标 它们的点击效果是...了解依赖项来自哪里 在一个使用 Dagger 注入的类中,如果您在依赖项上点击带有向上箭头的间距图标,您将跳转到使用 Dagger 注解提供对应类型的方法。...在入口点可以导航到依赖的来源 Find Usages 功能 在 Android Studio 中可以使用 Find usage 功能找到您 Dagger/ Hilt 代码之间的关系。

    79630

    用Python实现一个最新QQ办公版(TIM)的登录界面

    二、准备素材 图标在现代软件设计中的作用越来越大,恰当的图标使用可以增强界面的视觉美观和交互友好。...在TIM的登录界面中,也是使用的很多的图标来表示各个功能的操作,比如设置按钮、关闭按钮、切换按钮、账号选择按钮、登录按钮等。.../qq_hover.svg")) 在QSS中编写样式引用图标文件,例如: QPushButton#setting_icon{ border-image: url("....色彩、间距的调整 TIM的登录界面主体上采用了灰色的字体颜色,还有QQ/微信登录切换的图标颜色、各个组件之间的间距、对齐方式都需要我们进行细致的调整。...窗口边框的隐藏 将窗口默认的工具栏边框隐藏掉,然后使用自定义的按钮来实现窗口的控制; self.setWindowFlags(QtCore.Qt.FramelessWindowHint) 窗口阴影的实现

    2.7K21

    Dagger 导航从未如此简单 | Android Studio 4.1

    最新的 Android Studio 4.1 版本 (目前在 Canary 预览版发布渠道可以下载) 为我们带来了一个新的 "间距图标" (在编辑器和代码行号之间的图标,如下图所示),通过点击这个图标,...新版本 Android Studio 将支持一键精确查找提供依赖项方法的功能。 特别说明: 当前的功能将会在即将发布的 AS Canary 版本中得到优化。命名和图标可能会更改。...实践 在 Android Studio 4.1 Canary 7 之后,您可以在使用 Dagger 的项目中看到一个新的间距图标: image.png Android Studio 中新的 Dagger...了解依赖项来自哪里 在一个使用 Dagger 注入的类中,如果您在依赖项上点击带有向上箭头的间距图标,您将跳转到使用 Dagger 注解提供对应类型的方法。...您可以通过点击提供方法的间距图标来了解 (此处使用 @Binds): image.png 了解依赖项在哪里被使用了解组件使用了哪些子组件 在子组件中,点击间距图标可得知哪些组件使用了该子组件: image.png

    1K10

    Android-ConstraintLayout详解

    基本用法 基本用法之可视化编写布局文件   在高版本的studio中默认采用constraintLayout布局,中间有一个textview,我们选中,delete删除.开始一个新的布局编辑。...) 删除控件某一个具体约束_腾讯视频 删除某一个控件的全部约束:选中一个控件,然后它的左下角会出现一个删除约束的图标,点击即可 删除某个控件全部约束_腾讯视频 删除当前页面所有约束:点击工具栏中的删除约束图标即可...3.2.我们将Inspector横轴的值变到了最大,为什么还是有间距呢?  ...原来android默认给控件的每个方向上的约束都默认添加了一个16dp的间距,从Inspector上面也可以明显地看出来这些间距的值。我们只需要直接在控件上改就行了。...4.Guidelines用法: .Guidelines的使用_腾讯视频 从视频中可以看到,我们从上面的工具栏拖拽了一个垂直和水平的guidelines辅助线,然后默认单位是dp,我点击辅助线的前端设置为百分比

    1.8K10

    2.Android-sdk目录介绍、ADT使用介绍、创建helloworld 3.Android-ADT之helloworld项目结构介绍

    1.android中常用名词介绍 ADT: ADT为Eclipse的插件。为Eclipse和SDK之间起了一个桥梁的作用。...选择工具栏中的Android Virtual Device Manager,如下图: ? 然后弹出AVD对话框,选择点击右边的new按钮,来创建模拟器机型,如下图所示: ? 然后弹出如下图所示: ?...keyboard: 默认勾选,表示支持键盘外部输入. skin : 默认勾选,表示模拟器表现的样式,不同的皮肤,呈现的界面和操作按钮都不一样。...Name : 支持中文,名称保持一致 Package Name : 包名、不支持中文,一般是公司域名倒写+项目名字(com.xxx.project) Minimum SDK : 表示该APP支持的最低版本是多少...设置项目路径后,点击next,即设置应用图标,如下图所示: ? 设置应用图标后,点击next,即设置activity样式,我们选择blank activity(空的)即可,如下图所示: ?

    2K20
    领券