如何在ActionBar上为图标添加边距？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

Android--Toolbar基本使用

谷歌最初推出Actionbar想用于安卓app统一导航行样式，但由于Actionbar自定义性不高，又不是很好看（很丑），民间开发出了另一种控件并被谷歌收入v7包下，它就是Toolbar 使用Toolbar...R.id.tb_demo); toolbar.setTitle("主标题"); toolbar.setSubtitle("副标题"); //设置左侧导航图标...toolbar.jpg 和Actionbar相同，Toolbar也支持菜单栏，我们需要在xml中定义，用法和NavigationView的菜单一样 <?...点击右侧overflow的toolbar.jpg 弹框的样式可以通过Toolbar的setPopupTheme方法改变还可以通过style设置Toolbar的字体颜色，如设置副标题颜色： <!...setTitleMargin(int start, int top, int end, int bottom) 设置标题边距。

2.1K3 0

Android 适配各国语言、屏幕尺寸、系统版本及常见适配方法总结

例如，UI设计师实现步骤：①在coreldraw或者Sketch中制作好“矢量图标“ ；②保存输出为“PNG位图图片”，单位是px；③设置图标的内外边距，此时的边距单位是px；当开发者拿到图后，会遇到这样一个问题...：内外边距是由px为单位的距离，但是在实际开发中“dp”做为单位的更加常见，所以就会涉及到“px”“dp”互转的问题。...为不同屏幕做不同UI处理，内容不同。...如平常一样在APP中引用： @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState...APIs if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { ActionBar actionBar =

1.7K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

安卓开发_深入学习ViewPager控件

底部有导航部分，点击对应的导航按钮（圆点）ViewPager跳转到对应的View界面，获得ViewPager界面，底部导航圆点对应变化思路：动态添加导航图标（3个圆点，对应的是ImageView...（三个圆点）效果图：关键部分: 1、动态添加导航图标，并添加响应事件 1 //实例化导航图标 2 ImageView navImage = new...29 private List views; 30 31 //Demo2 32 //线性布局中子控件使用的布局参数对象，用来设置子空间的大小，边距等属性...= getActionBar(); 68 //设置ActionBar的类型为Tab 69 actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS...); 70 //添加ActionBarTab 71 actionBar.addTab(actionBar.newTab().setText("热点").setTabListener

2.4K8 0

设置选项列表网格布局（上）

GridRow组件：用于布局设置选项列表，设置为单列布局整个Column容器设置了100%的宽度和16的内边距，确保内容在屏幕上有适当的边距。...Blank组件：用于占据中间的空白空间，将箭头图标推到最右侧右侧箭头图标：表示可点击进入下一级，宽高为16为Row添加样式：内边距为16，提供足够的内容间距白色背景色，使设置项在视觉上更加突出8的圆角，...使设置项看起来更加现代化底部边距为8，分隔相邻的设置项6....，可以轻松扩展设置选项列表直观的交互提示：右侧的箭头图标为用户提供了明确的视觉提示，表明点击设置项可以进入下一级适当的间距和分隔：设置项之间的边距和每个设置项的内边距确保了内容不会过于拥挤，提高了可读性...9.2 使用margin分隔列表项为了在视觉上分隔设置选项，我们为每个Row添加了底部边距：.margin({ bottom: 8 })这种方法比使用分隔线更加现代化，创造了一种卡片式的视觉效果，同时也提高了可读性

3221 0

actionbar完全解析（一）

添加和移除Action Bar ActionBar的添加非常简单，只需要在AndroidManifest.xml中指定Application或Activity的theme是Theme.Holo或其子类就可以了...添加Action按钮 ActionBar还可以根据应用程序当前的功能来提供与其相关的Action按钮，这些按钮都会以图标或文字的形式直接显示在ActionBar上。...这里我们注意到，显示在ActionBar上的按钮都只有一个图标而已，我们在title中指定的文字并没有显示出来。...这就是ActionBar导航和Back键在设计上的区别，那么该怎样才能实现这样的功能呢？其实并不复杂，实现标准的ActionBar导航功能只需三步走。...比如说，你需要完成一个搜索功能，就可以将SeachView这个控件添加到ActionBar中。

1.5K10 0

探索 Android Design Support Library v28 新增内容

app:iconPadding: 用于给指定了 app:icon 属性的图标产生内边距 ?...app:additionalPaddingLeftForIcon: 用于给指定了 app:icon 属性的图标产生左内边距 ?...app:additionalPaddingRightForIcon: 用于给指定了 app:icon 属性的图标产生右内边距 ?...如果的确如此, 你可以使用如下的 ChipGroup 本身的属性为子 Chip 视图添加一些间距: app:chipSpacing: 在横纵轴方向均添加间距 app:chipSpacingHorizontal..."> 似乎底部应用栏必须有一个分配给它的菜单才能显示在屏幕上.

2.6K2 0

【Android 应用开发】 ActionBar 基础

上, 并显示菜单项文本; 2....ActionBar 方法介绍 ActionBar 相关方法简介 : -- setDisplayHomeAsUpEnable(boolean) : 设置是否将左侧设置为可点击图标, 并在图标上添加左箭头...相关代码设置不显示应用图标并添加左箭头 : actionBar = getActionBar(); /* 设置将左侧图标设置成可点击图标, 并添加一个左箭头 */ actionBar.setDisplayHomeAsUpEnabled...ActionBar 上添加 ActionView 1....将适配器和回调接口设置给 ActionBar /* 为 ActionBar 设置适配器和回调接口 */ actionBar.setListNavigationCallbacks(adapter,

1.9K3 0

ActionBar 使用·详解 .

二、ActionBar的功能　　用图的方式来讲解它的功能　　 ActionBar的图标，可显示软件图标，也可用其他图标代替。...三、ActionBar 奥义·详解 1、添加ActionBar ActionBar的添加非常简单，只需要在AndroidManifest.xml中指定Application或Activity的theme...Action按钮，这些按钮都会以图标或文字的形式直接显示在ActionBar上。...这里我们注意到，显示在ActionBar上的按钮都只有一个图标而已，我们在title中指定的文字并没有显示出来。...2.为每一个你想添加的Tab创建一个ActionBar.Tab的实例，并且调用setTabListener()方法来设置ActionBar.TabListener。

1.9K1 0

Android ActionBar完全解析，使用官方推荐的最佳导航栏(上)

4.2K10 1

深入学习下 CSS 间距相关的知识

由于可以在四个不同的方向（上、右、下、左）添加边距，因此在深入示例和用例之前阐明一些基本概念非常重要。...editors=1100 另一个类似的概念是向两边添加填充，然后边距为负。...使用 CSS 网格，你可以使用 grid-gap 轻松添加间距。此外，你不需要关心网格项目的宽度或底部边距。 CSS Grid 为你做一切！...由于应用于父元素 .card__content 的填充，边框不会粘在边缘上。是的，你猜对了！负边距是解决办法。...正如 Max Stoiber 所说，这有点将管理边距的责任转移到父元素上，让我们以这种心态重新考虑以前的用例。

15.8K4 0

连Action Bar都不会你能说你学过 Android？

(l); //为显示按钮设置监听事件 action_hide.setOnClickListener(l); //为隐藏按钮设置监听事件 } ---- 本文原创首发CSDN，链接 https://...actionViewClass="android.support.v7.widget.SearchView" app:showAsAction="always"> 在 Action Bar 上添加组件...，如搜索框，单击后，会显示搜索栏：注意4：app:actionLayout 指的是通过Layout文件，添加 Action Bar Item项如XML文件定义一个图片 ActionBar为选项卡模式 actionBar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE); //隐藏标题栏...actionBar.addTab(actionBar.newTab().setText("翻译").将标签页添加ActionBar中 setTabListener(new

9872 0

健康数据仪表盘网格布局（上）

确保内容在屏幕上有适当的边距。...，设置宽高为24，右边距为8Text组件显示指标名称，字体大小为16第二行使用Row组件，包含：Text组件显示指标值，字体大小为24，使用粗体Text组件显示指标单位，字体大小为14，颜色为灰色，左边距为...4，顶部边距为8整个卡片设置了16的内边距、白色背景和12的圆角，使其在视觉上更加突出。...：每个卡片内部，图标和标题在上，数值和单位在下，形成清晰的信息层次视觉区分：使用不同的字体大小和颜色区分不同类型的信息，如标题、数值和单位适当的间距和分隔：卡片之间的间距和每个卡片的内边距确保了内容不会过于拥挤...在下一篇教程中，我们将探讨如何优化和扩展这个健康数据仪表盘，添加更多高级特性，如响应式布局、交互效果和数据可视化。

2380 0

Flutter中构建布局顶

将文本放入容器中，以便沿每条边添加32像素的填充。 softwrap属性指示文本是否应在软换行符（如句点或逗号）上断开。...如果要添加填充，边距，边框或背景色，请使用容器来命名其某些功能。在这个例子中，每个文本小部件放置在容器中以添加边距。整个行也被放置在容器中以在行的周围添加填充。本例中的其余UI由属性控制。...ListTile: 将最多3行文本，以及可选的前导和训练图标组合成一行。 Container 许多布局会自由使用Container来使用填充分隔小部件，或者添加边框或边距。...容器概要：添加填充，边距，边框更改背景颜色或图像包含单个子部件，但该子部件可以是Row，Column，甚至是部件树的根部 ?...每个图像使用一个Container来添加一个圆形的灰色边框和边距。包含图像行的列使用容器将背景颜色更改为浅灰色。

48.6K1 0

译|CSS中的间距，前端开发中各种设置间距的优点缺点及实例

在上面的模型中，一个元素有 margin-bottom，另一个元素有 margin-top，边距较大的元素获胜。为避免此类问题，建议按照本文使用单向边距。...考虑以下示例，带有图标的卡片，其图标应与其父对象的左上边缘隔开。...另一个类似的概念是在两边都添加填充，然后边距为负。这是Facebook故事的一个示例： ?...由于对父元素 .card__content 进行了填充，因此边框没有粘在边缘上。 ? 是的，你猜对了！负边距是解决办法。...结果表明，基于 writing-mode 的页边距工作得非常好。我认为这些用例就足够了。让我们继续一些有趣的概念！组件封装大型设计系统包含许多组件。向其直接添加边距是否合乎逻辑？

14.1K1 0

Android系列之ActionBar使用详解

版本（默认含有ActionBar）二、隐藏ActionBar 1、我们可以通过把主题设置为Theme.Holo.NoActionBar为一个Activity去除掉ActionBar。 ...Google提供给一个属性可以让ActionBar浮在界面上，当然你可以让ActionBar的背景为透明，这样会有良好的体验效果。...图标后返回前一个activity，可以通过在Actionbar设置setDisplayHomeAsUpEnabled(true) 来实现。...如图：八、添加活动视图 1、ActionBar中还可以添加很多其他的视图我们也可以添加一个视图作为一个Action Item.我们可以通过在xml元素的android:actionLayout属性制定我们希望现实布局资源的...getMenuInflater().inflate(R.menu.activity_main, menu); // 给可折叠的view上的控件添加事件 LinearLayout viewGroup

4.4K2 0

Mono for Android 实现高效的导航

文件的设置，而用 Mono for Android 的话，基本上不需要手工编辑这个文件。...(e.P0); }; // 依次添加三个标签，并添加标签的选中事件处理函数，设置当前的视图。...将 ActionBar 设置为下拉列表导航时，一般不显示 Activity 自身的标题，因此需要将 Activity 的 Label 标记为空字符串，并且 Activity 需要实现接口 ActionBar.IOnNavigationListener...var actionBar = this.ActionBar; // 将 Home 设置为向上 actionBar.SetDisplayHomeAsUpEnabled(true); /.../ 设置 ActionBar 的导航模式为下拉列表 actionBar.NavigationMode = ActionBarNavigationMode.List; var titles

1.2K1 1

Material Design整理（三）——ToolBar

应用内容的标准工具栏，可以说是ActionBar的升级版，两者不是独立关系。相比ActionBar，ToolBar更加自由，可以随意放置，当一个ViewGroup来使用。...ToolBar提供了可定制、修改的属性： - 导航栏图标 - AppLogo - 主标题、子标题 - 添加一个或多个自定义控件 - 支持Action Menu 使用 1、在res/menu...其中showAsAction可选参数为： always：使菜单项一直显示在ToolBar上 ifRoom：如果有足够的空间，菜单项显示在ToolBar上，否则显示在更多中 never：菜单项永远不显示在...ToolBar上，只显示在更多中 withText：图标和文字一起显示 2、在布局中使用ToolBar ?...6、添加菜单项 ? 此步骤就是将创建的menu文件设置给ToolBar 7、对菜单项添加点击事件 ?

9392 0

Android开发笔记（一百一十九）工具栏ToolBar

Toolbar 在前面的博文《Android开发笔记（二十）顶部导航栏》中，我们学习了ActionBar的用法，可是ActionBar着实是不怎么好用，比如文字风格不能定制、图标不能定制，而且还存在低版本的兼容性问题...Toolbar的常用方法 Toolbar比ActionBar灵活，主要便是它提供了多个方法来修改控件风格，下面是Toolbar的常用方法： setLogo : 设置工具栏图标。...，但即使工具栏上还有空间，该菜单项也不会显示在工具栏上。...2、溢出菜单列表在菜单文字左侧显示图标的方法，使用ActionBar时正常，使用Toolbar时反而不会显示图标了。...解决办法： ActionBar的featureId是8，Toolbar的featureId是108，所以在图标显示方法内部，要同时判断这两个数值，而不能像以前那样仅仅判断Window.FEATURE_ACTION_BAR

2.8K3 0

Material Design 实战之第二弹——滑动菜单详解&实战

XML中（DrawerLayout标签下的第二个直接子控件的android:layout_gravity值）定义的一致，我们传入了GravityCompat.START； 1.2.6 实际上Toolbar...为Layout resourcefile； 2.3 使用NavigationView 添加android.support.design.widget.NavigationView...接着调用ActionBar的setDisplayHomeAsUpEnabled()方法让导航按钮显示出来，又调用了setHomeAsUpIndicator()方法来设置一个导航按钮图标。...实际上，Toolbar最左侧的这个按钮就叫作HomeAsUp按钮，它默认的图标是一个返回的箭头，含义是返回上一个活动。...(R.drawable.ic_menu);//设置一个导航按钮图标 } navView.setCheckedItem(R.id.nav_call);//将Call菜单项设置为默认选中

1.4K3 0

【愚公系列】《AIGC辅助软件开发》013-AI辅助客户端编程：AI辅助 iOS 应用开发

#### 3.3 动画与过渡- **基本动画**：了解如何使用 `withAnimation` 添加简单的动画效果。- **过渡效果**：学习如何在视图之间添加过渡效果，如淡入淡出、缩放等。...- `.foregroundColor(.yellow)`: 设置图标的颜色为黄色。 - `.padding()`: 添加内边距。...- `frame(width: 100, height: 100)`：设置图标的宽度和高度为 100。- `padding(.bottom, 40)`：在图标下方添加40点的内边距。### 6....- `padding()`：为输入框添加内边距，使其内容与边界有一定距离。...### 基本用法- **`.padding()`**：默认情况下，会在视图的四个边（上、下、左、右）都添加一个默认的内边距。内边距的大小由系统决定，通常是 16 个点。

5.6K1 0

点击加载更多

Android--Toolbar基本使用

Android 适配各国语言、屏幕尺寸、系统版本及常见适配方法总结

安卓开发_深入学习ViewPager控件

设置选项列表网格布局（上）

actionbar完全解析（一）

探索 Android Design Support Library v28 新增内容

【Android 应用开发】 ActionBar 基础

ActionBar 使用·详解 .

Android ActionBar完全解析，使用官方推荐的最佳导航栏(上)

深入学习下 CSS 间距相关的知识

连Action Bar都不会你能说你学过 Android？

健康数据仪表盘网格布局（上）

Flutter中构建布局顶

译|CSS中的间距，前端开发中各种设置间距的优点缺点及实例

Android系列之ActionBar使用详解

Mono for Android 实现高效的导航

Material Design整理（三）——ToolBar

Android开发笔记（一百一十九）工具栏ToolBar

Material Design 实战之第二弹——滑动菜单详解&实战

【愚公系列】《AIGC辅助软件开发》013-AI辅助客户端编程：AI辅助 iOS 应用开发

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐