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

iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

API注释 想要了解如何在代码定义信息按钮,可以参考UIButton. iOS包含了两种信息按钮样式:适用于浅色内容深色按钮,以及适用于深色内容浅色按钮。...但在某些特定内容区域内,为按钮描边或者添加背景颜色,让用户迅速地把注意力放到按钮,也是必要。Value 2布局文本和副标题中间垂直间距会让用户专注于副标题第一个单词。...4.3.18文本框 开关按钮展示了两个互斥选项或状态。 ? API提示: 想要了解如何在代码定义文本框,以及在文本框中支持图片和按钮,可以参考UITextField....一般来说,文本左侧用于表述文本含义,而右侧用于展示附加功能,书签。 合适的话,在文本框右侧加入清除按钮。...模态视图尤其适用于那些所需元素并非常驻在app主要UI、又包含多个步骤子任务。 根据当前任务种类和你app整体视觉风格来选择适当模态视图。你可以使用以下定义任何一种模态视图样式: ?

13.2K30

深入理解 Android Window系统

Window作用 Window是Android窗口系统核心,扮演着多重角色,包括: 界面绘制:Window负责将Activity定义用户界面绘制到屏幕,包括布局和视图绘制。...多窗口支持:Window支持多窗口模式,允许在同一屏幕同时运行多个应用程序或Activity,提供了更多多任务处理灵活性。...系统提示框:用于显示系统级提示,权限请求、应用更新等。 创建一个简单Window 首先,让我们创建一个简单Android Window,这个Window将包含一个文本视图。...; // 将文本视图添加到Window内容视图中 myWindow.setContentView(textView); } } 上述代码,我们创建了一个新...Window并将一个文本视图添加到它内容视图中。

47220
您找到你想要的搜索结果了吗?
是的
没有找到

Jetpack Compose Beta 版现已发布!

我们已经推出了 Jetpack Compose Beta 版,这是我们全新 UI 工具包,旨在帮助开发者更快速、更轻松地在所有 Android 平台构建原生应用。...构建该工具包目的在于与现有 Android 应用和 Jetpack 开发库集成,您可以将 Android 视图与 Compose 相结合,按照您自己节奏应用 Compose。...修饰符 测试 主题和图形,可轻松支持深色/浅色模式 输入和手势 文本和可编辑文本 Window 管理 此 Beta 版工具包开发重点在于确保 API 完成度;换言之,所有基础 API 均已构建完成...) 及设备或模拟器实时更新文字 动画预览: 检查并播放动画 布局检查器 Compose 支持 交互式预览: 检查并与单独 Composable 交互 部署预览: 无需完整应用即可在您设备上部署...旨在与 Android 视图无缝协作,便于您按照自己节奏应用该工具包。

5.6K10

真·富文本编辑器演进之路-【译】破解Span性能之谜

我们将探索更多关于spans秘密,以及Android框架如何使用它们。最后,我们将看到我们如何在同一进程或进程之间传递Span,并在此基础,当你决定创建自己自定义Span时,需要注意那些事项。...:可选择、可编辑或不可选择。...管理屏幕视觉元素中文本布局基类是android.text.Layout。...Android框架Span是全局对象,但只有从ParcelableSpan延伸出来Span可以在进程内和进程间传递。这个功能可以对框架定义Span所有属性进行装箱和拆箱。...像这样,当对象在进程内或进程间传递时,你可以避免框架实现被应用到spannable。 通过了解Android如何用spans渲染文本,希望你能在你应用中有效地使用它。

1.3K10

Android 9 Pie 现已面向全球正式发布!

借助配套 UI 模板,Slices 能够将应用内容以高动态、富交互形式插入到多个使用场景,比如 Google Search 和 Assistant。请进一步了解如何在应用构建 Slices。...我们将在接下来几周内公布具体操作细节,帮助开发者了解如何在应用内处理一个或多个用户意图。...△ 在 MessagingStyle 通知,您可以显示对话和智能回复 (左) 或添加图片和表情 (右) 文本放大镜 Android 9 添加文字放大镜工具 (Magnifier widget),以提升文本选择方面的用户体验...由于该放大器提供了可以在文本上方拖拽文本放大面板,所以有助于用户精准地定位光标或文本选择手柄。该功能可以灵活运用在所有附加在窗口视图上,个性化小部件和定制文本呈现均是不错应用场景。...请阅读《Android P 文本特性》,了解更多有关放大镜以及文本特性相关信息, Precomputed Text、行高以及基线文本对齐。

9.1K10

Flutter完整开发实战详解(二十、 Android PlatformView 和键盘问题)

作为系列文章第二十篇,本篇将结合官方技术文档科普 Android PlatformView 实现逻辑,并且解释为什么在 Android PlatformView 键盘总是有问题。...但是,Android 平台并不支持这种模式,因为在 iOS 上框架渲染后系统会有回调通知,例如:当 iOS 视图向下移动 2px 时,我们也可以将其列表所有其他 Flutter 控件也向下渲染 2px...如果强行以这种方式在 Android 使用,最终将产生很多 AndroidView 与 Flutter UI 不同步问题。...而 InputConnections(如何在 Android 输入文本)在 unfocused View 通常是会被丢弃。...相关 issue 专题高居不下,并且 webview_flutter 插件文档所述: 该插件依赖 Flutter 新机制来嵌入 Android 和 iOS 视图

13.3K20

Android训练课程(Android Training) - 构建你第一个应用

包名必须是在你安卓系统所有的包是唯一。...如果你应用一些特性可能仅仅在较新版本,并且它不是在你所有应用特性起到决定性作用的话,你可以在它运行在它支持版本时才启用它。...这节课将将向你展示如何在真实设备和模拟器安装和启动你应用,有两种方式:使用Eclipse或者命令提示符工具。...说明了 在布局,ViewGroup对象形式如何分支,和包含其他视图对象。 在这节课,你将创建一个XML布局,它包含了一个文本区和一个按钮。...对所有视图来说,默认weight是0,那么,如果你为仅有的一个视图指定任何weight大于0值,那么这个视图填满无论多少剩余空间,知道所有视图被分配他们需要空间。

2.1K00

Android从零单排系列三十三】《Android布局介绍——FrameLayout》

FrameLayout会将所有视图堆叠在同一个位置,后添加视图会覆盖先前添加视图。...-- 添加子视图 --> 2.在FrameLayout添加子视图: 可以在FrameLayout添加多个视图,后添加视图会覆盖先前添加视图。...removeAllViews():从FrameLayout移除所有视图。 getChildAt(int index):获取指定位置视图。 getChildCount():获取子视图数量。...四 FrameLayout简单案例 下面是一个简单FrameLayout案例,展示了如何在FrameLayout添加和切换不同视图: <FrameLayout xmlns:android...五 总结 总结来说,FrameLayout是一种简单且灵活布局容器,适用于在单个位置重叠显示不同视图

34320

Android 9.0 强势来袭,带来了哪些新特性?

多相机支持 在Android 9设备,用户可以同时从两个或多个物理摄像头访问数据流。在具有双前置或双后置摄像头设备,可实现使用单个摄像头无法实现创新功能,例如无缝变焦,散景和立体视觉。...Keymaster然后解密密钥库密钥,因此密钥内容永远不会在设备主机内存显示为纯文本。 注意:仅在Keymaster 4或更高版本附带设备支持此功能。...这些属性可以帮助视障人士快速浏览应用UI文本,并允许他们进行选择。...它还使您应用程序可以在主线程执行文本布局。 放大镜:Magnifier该类是一个平台小部件,提供放大镜API,允许在所有应用程序获得一致放大镜功能体验。...智能链接:Android 9增强了 TextClassifier该类,它利用机器学习识别所选文本某些实体并建议操作。例如,TextClassifier可以让您应用检测用户是否选择了电话号码。

3.3K20

Android 样式和主题

当应用主题背景时,应用或Activity每个视图都会应用其支持每个主题背景属性。除了这些之外,主题还可以将样式应用于非视图元素,例如状态栏和标题栏。...如果希望子视图继承样式,应改为应用具有android:theme样式属性。 扩展和自定义样式 为保持与平台界面样式兼容性,应该始终通过扩展框架或支持库现有样式来创建自己样式。...如需扩展样式,请使用parent属性指定要扩展样式,比如继承Android平台默认文本外观,并对其中细微进行修改。...一般来说,在实际开发过程很有可能在多个位置指定了相同属性,那么最终会展示哪个样式呢。...添加特定于版本样式 由于android 手机碎片化,导致市面上各个版本系统手机都有可能存在,那么,如何在众多机型中去完美匹配呢?

99220

简单了解下无障碍设计模式

应用应该方便每位用户来: 浏览:使用户清楚知道他们现在在应用哪个位置,以及哪些是重要内容 了解重要任务:通过多个视觉和文本提示来强化重要信息。...视力低下或没有视力用户会从清晰易懂文字描述受益。无障碍文本是指供屏幕阅读器软件使用文本,例如 Android TalkBack、iOS VoiceOver、桌面端 JAWS。...屏幕阅读器会大声朗读屏幕所有文本,包括可见和不可见替代文本。 无障碍文本包括可见文本(包括 UI 元素标签、按钮文字、链接和表单)和不可见描述(没有文本标签按钮替代文字)。...构建无障碍自定义视图 仅用过 Wi-Fi 下载 正确示例 使用简短说明。 已选择通过 Wi-Fi 下载 错误示例 不要写出状态。...例如,Android “双击以选择” 功能提示用户在选择一个项目时需要点击两次。Android TalkBack 也会提醒和元素相关联任何自定义操作。

4.7K40

Android widget之CompoundButton

,注册一个回调 toggle() — 将视图状态更改为当前状态逆(反向) 子类 CheckBox 复选框:可以选中或取消选中特定类型双状态按钮。...当多个单选按钮在RadioGroup内时,检查一个单选按钮将取消选中所有其他单选按钮。 <?xml version="1.0" encoding="utf-8"?...Switch 开关:是一个双状态切换开关小部件,可以在两个选项之间进行选择。用户可以来回拖动“拇指”来选择选择选项,或者只需轻按以切换,就像复选框一样。...该text 属性控制交换机标签显示文本,而 文本off和on文本控制拇指文本。...) 当开关处于 关闭 状态时使用文本 android:textOn setTextOn(CharSequence) 当开关在 开打 状态时使用文本 android:track setTrackResource

2.2K20

Android编程权威指南笔记

系列教程—基本设置与运行:http://mp.weixin.qq.com/s/oUZCUk4FgPLJcHNJJfZFgA activity是android sdkactivity类一个具体实例,负责管理用户与信息屏交互...应用功能是通过编写一个个activity子类来实现。简单应用可能只需一个子类,而复杂应用则会有多个。 布局定义了一系列用户界面对象以及它们显示在屏幕位置。组成布局定义保存在xml文件。...每个定义用来创建屏幕一个对象,如按钮或文本信息。 组件是用户界面的构造模块。组件可以显示文字或图像,与用户交互,甚至布置屏幕其他组件。...android sdk 内置了多种组件,通过配置各种组件可获得所需用户界面及行为。每一个组件都是View类或子类一个具体实例。 组件包含在试图对象层级结构,这种结构称作试图层级结构。...MVC设计模式:应用对象按模型,控制器和视图类别分为三部分。android应用基于模型-控制器-视图。 模型对象存储着应用数据和业务逻辑。视图对象知道如何在屏幕绘制自己以及如何响应用户输入。

1K20

技术分享 | 想做App测试就一定要了解App结构

Android 开发,在打包发布应用时会选择应用适配 CPU 架构平台,在引用第三方库时也遇到根据不同 CPU 架构引入相应 so 包。...它提供标准用户界面策略,背景、标题、区域、默认按键处理等。 VIEW View 就是一个个视图对象。...视图,是用户接口组件基本构建块,它在屏幕占用一个矩形区域,它是所有 UI 控件基类,如一个按钮或文本框。View 负责图形界面渲染及事件处理。...VIEWGROUP ViewGroup 是 Android 视图组。包含多个 View,也可以包含 ViewGroup。...界面上布局方式都有以下这些方式: 线性布局(LinearLayout):所有视图在单个方向(垂直或水平)保持对齐 相对布局(RelativeLayout):每个视图位置可以指定为相对于同级元素位置

32920

技术分享 | 想做App测试就一定要了解App结构

Android 开发,在打包发布应用时会选择应用适配 CPU 架构平台,在引用第三方库时也遇到根据不同 CPU 架构引入相应 so 包。...它提供标准用户界面策略,背景、标题、区域、默认按键处理等。 VIEW View 就是一个个视图对象。...视图,是用户接口组件基本构建块,它在屏幕占用一个矩形区域,它是所有 UI 控件基类,如一个按钮或文本框。View 负责图形界面渲染及事件处理。...VIEWGROUP ViewGroup 是 Android 视图组。包含多个 View,也可以包含 ViewGroup。...界面上布局方式都有以下这些方式: 线性布局(LinearLayout):所有视图在单个方向(垂直或水平)保持对齐 相对布局(RelativeLayout):每个视图位置可以指定为相对于同级元素位置

34230

Android P 文本特性

现在既然 Android P Beta 3 及最终 API均已推出 ,我们也该深入地探究它究竟有哪些新文本特性。众所周知, TextView 是 Android 视图系统中最关键组件之一。...更重要是,所有这些工作都在 UI 线程中进行,这就有可能导致 app 帧数下降。 我们发现文本测量花费时间占据文本设置90%。...△ 测量及布局文本花费时间比例 ? 放大器(Magnifier) 即使有像智能文本选择这样特性,精准文本选择还是有些困难。Android P 推出了文本放大器,以提升文本选择方面的用户体验。...△ 在 Android P 中放大文本 我们想让用户在所有 app 中都拥有相同体验,无论是在定制窗口小部件还是在定制文本呈现时,我们设置了一个放大器窗口小部件,因此附加在窗口上任何视图可以利用该部件...例如,您可以在实现定制视图onTouchEvent 处理时调用这些方法。这样放大器就可以跟随用户在屏幕手指移动。 ?

1.5K20

【谷歌官方文档】1.1 建立第一个APP

Package Name是应用包命名空间(同Java概念),该包名在同一Android系统所有已安装应用具有唯一性,我们可以独立地编辑该包名。...Android 图形用户界面由多个视图(View)和视图组(ViewGroup)构建而成。...View 是通用 UI 窗体小组件,:按钮(Button)、文本框(Text field);而 ViewGroup 则是用来定义子视图布局不可见容器,:网格部件(grid)、垂直列表部件(vertical...定义按钮文本使用 android:text 属性,设置值为相似一节定义好 button_send 字符串资源。...类型,代表被点击视图) 接下来,你可以在这个方法编写读取文本内容,并将该内容传到另一个Activity代码。

2.4K20

Android从零单排系列二十九】《Android布局介绍——LinerLayout》

前言 小伙伴们,在前面的系列文章,我们重点介绍了Android开发中用到视图组件,从本文开始我们继续盘点Android布局,本文主要介绍一下LinerLayout。...设置布局属性: 可以通过在每个子视图布局参数设置不同属性来控制子视图在LinearLayout位置和大小,例如android:layout_weight属性可以用来设置子视图权重,实现按比例分配剩余空间...嵌套:可以嵌套多个LinearLayout以实现更复杂布局结构。 大小测量:LinearLayout会根据子视图测量要求和布局参数来计算自身大小和子视图位置。...在LinearLayout添加子视图Button、TextView等)作为其子元素,并使用布局参数(layout_width和layout_height等)设置每个子视图大小和对齐方式。...这个简单LinearLayout案例展示了如何在垂直方向上排列文本和按钮,并通过android:layout_gravity属性实现水平居中对齐。

20830

干货 | 国际化探索之路-Trip.com如何走进阿拉伯市场

作者简介 本文作者为携程国际事业部设计和开发团队。 ? 一、背景 随着国际化之路进一步推进,Trip.com已经在全球多个国家开设了站点,今天主角是阿拉伯世界。...之后Android 4.2才开始对RTL有了全面的支持。所以如果App支持4.2以下系统,代码需要对版本进行判断。...,本质是将XML中所有的Left/Right都替换成了Start/End。...最终我们选择了上述“笨”方案。...leading trailing设置左右约束,可获得视图布局RTL效果; 文本对齐:未显式设置文本对齐方向或段落书写方向,文本对齐方式也将自适应RTL布局; 图片翻转:使用imageWithHorizontallyFlippedOrientation

4.1K41
领券