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

使用 Jetpack 卡片库在 Wear OS by Google 谷歌上创建自定义卡片

作者 / Jolanda Verhoef,开发者关系工程师 我们 在 2019 年推出了卡片,从那时起,该功能便成为 Wear OS by Google 谷歌智能手表上最实用的功能之一。...开发者可以使用该库在 Wear OS 智能手表上创建自定义卡片。我们将在今年晚些时候推出相应的 Wear OS 平台更新,届时用户便能使用此类自定义卡片。...image.png 开始构建 卡片使用 Android Studio 构建,是 Wear OS 应用的一部分。...首先,添加 Wear OS 卡片依赖项: dependencies { implementation "androidx.wear:wear-tiles:1.0.0-alpha01" debugImplementation..."androidx.wear:wear-tiles-renderer:1.0.0-alpha01" } 第一个依赖项包含创建卡片所需的库,而第二个依赖项则可以让您在 Activity 中预览卡片。

81620

在 Vue 中创建自定义输入

基于组件的库或框架(如 Vue )可以创建 可重用组件 ,它能在各自应用程序中相互传递数据,这些框架能确保这些数据是一致的,并且(希望)简化了它们的使用方式。...如果要构建自定义输入组件,我们一定会想到直接使用 v-model 指令。 可悲的是,当我在 Vue 中查看单选按钮或复选框的自定义输入的示例时,他们根本没有考虑 v-model ,或者没有正确的使用。...对于自定义文本输入有一些不错的文档,但由于它们没有解释自定义的单选框或复选框,我们将在本文进行讨论。 本教程旨在......了解 v-model 如何在原生输入上工作,主要侧重于单选框和复选框 默认情况下,了解 v-model 在自定义组件上的工作原理 了解如何创建自定义复选框和单选,以模拟原生 v-model 的工作原理...script> 注意 :为了有助于解释这些应用程序如何与 v-model 配合使用,我上面只用了 props,但 input 标签还可以利用其他几个属性(例如 name 或 disabled ),因此请确保创建好了所需要的

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

    最具个性的Android 12、快被遗忘的Wear OS……等了2年的谷歌在凌晨“搞事情”

    正如业界此前所预料的,Android和Wear OS都迎来了一波更新,更是贴上了“史上最大升级”、“最具雄心之一”等标签。 究竟,是什么样的升级能够配得上这些标签?...Android 12——号称“最具雄心的版本之一” 在对Android 12进行介绍的时候,谷歌给了它两个title,一个是“有史以来最个性化的操作系统”,另一个是“最具雄心的版本之一”。...Wear OS——卷土重来,史上最大升级 近几年来,谷歌对于Wear OS可以说是“放养状态”,已经有几年没有被拿出来重点宣传了。...众所周知,三星过去几年在可穿戴设备上一直使用自家的Tizen OS,但在新版Wear OS推出之后,三星和Google达成了合作意向,将Tizen OS和Wear OS进行整合。...它允许Workspace用户通过@提及来标记团队成员,创建一个目标清单,概述团队成员在项目开始前可能需要做的任何前期工作,然后提出产品想法,接着再由其他团队成员进行投票,也可以列出头脑风暴完成后团队需要采取的下一步行动

    94010

    在Android Studio中自定义代码模板

    概述 我们在使用Android Studio创建Activity、Fragment等等的时候,都会使用Android Studio提供的模板来简化我们创建的,使用模板时,我们只要做简单的配置,Android...就能为我们生成相应的代码,所以使用模板可以提高开发的效率,接下来我们将学习如何去自定义一个符合自己项目框架的模板。...说明: :导入另一个ftl文件 :在代码生成后打开指定文件,例如,当我们创建一个Activity后,AS会自动打开Activity及布局文件。...自定义MVP模板 在Google给出的MVP Sample中,每创建一个页面,需要创建: XxActivity、 XxFragment、 XxContract、 XxPresenter四个文件,步骤繁琐...,且AS目前没有提供相应的模板,所以接下来将自定义一个MVP的模板,来简化这些繁琐的操作。

    3K20

    Android自定义View:绘制前的准备-DecorView创建

    前言 回忆前文:Android自定义View基础:ViewRoot、DecorView & Window的简介,可看出最后1步 = 绘制 但在绘制前,系统会有一些绘制准备,即前面几个步骤:创建PhoneWindow...Carson带你学Android自定义View文章系列: Carson带你学Android:自定义View基础 Carson带你学Android:一文梳理自定义View工作流程 Carson带你学...Android:自定义View Measure过程 Carson带你学Android:自定义View Layout过程 Carson带你学Android:自定义View Draw过程 Carson...总结 本文全面总结自定义View 绘制前的准备,主要包括:DecorView创建 & 显示,具体总结如下: 工作流程机制 源码分析 Carson带你学Android自定义View文章系列: Carson...带你学Android:自定义View基础 Carson带你学Android:一文梳理自定义View工作流程 Carson带你学Android:自定义View Measure过程 Carson带你学

    66240

    在Hypermesh中使用Hyperbeam创建自定义梁截面

    在Hypermesh中进入HyperBeam面板,HyperBeam提供了两种创建梁截面的方法:shell section和solid section,分别用来创建壳单元梁和实体梁。...本文以壳单元梁为例,选择shellsection子面板,在lines中选择用来创建梁截面的几何线,把section base node切换为shear center(剪切中心的概念是:当载荷作用线通过该点时梁截面不会发生扭转...在左边结构树中选择shell_section1,单击鼠标右键,在弹出的快捷菜单中选择Edit,在Edit Shell Section中把Part Thickness改成2,设置壳单元的厚度。...自定义截面创建完成后,即可将梁截面关联到一维梁单元的单元属性中。 在Hypermesh中使用linemesh创建梁单元时还可以在面板中指定梁单元的方向和偏置。...在直接使用两个节点创建梁单元时,hypermesh hyperbeam不仅可以指定梁单元的方向和偏置,和可以指定梁单元的平动和转动属性,如下图所示,创建面板中有pins a和pins b选项,“pin”

    4.6K40

    Android自定义View绘制前的准备:DecorView创建 & 显示

    前言 回忆前文:Android自定义View基础:ViewRoot、DecorView & Window的简介,可看出最后1步 = 绘制 ?...但在绘制前,系统会有一些绘制准备,即前面几个步骤:创建PhoneWindow类、DecorView类、ViewRootmpl类等 今天,我将主要讲解View绘制前的准备,主要包括:DecorView创建...即为内容栏(content)对应的DecorView = FrameLayout子类 ViewGroup contentParent = (ViewGroup)findViewById(ID_ANDROID_CONTENT...DecorView的显示 在主线程创建时,会调用 handleResumeActivity(),具体如下: /** * 源码分析:主线程创建时,调用的handleResumeActivity()...总结 本文全面总结自定义View 绘制前的准备,主要包括:DecorView创建 & 显示,具体总结如下: 工作流程机制 ? 源码分析 ?

    89420

    【Android Gradle 插件】Gradle 自定义 Plugin 插件 ⑤ ( 自定义插件中获定义方法 | 在插件中创建 Gradle 任务 | 代码示例 )

    extensionFun : ' + str } } 在自定义插件中 , 关联该扩展 : // 创建一个扩展 // 类似于 Android Gradle 插件中的...Gradle 任务 Task ---- 在 Android Studio 的 Gradle 面板中的 Task 任务 , 都是在 Android Gradle 插件中定义的 , 在自定义插件中 , 也可以自定义...⑩ ( 自定义任务类继承 DefaultTask 类 | TaskContainer#create 函数创建任务 | 生成自定义任务) 博客 ; import org.gradle.api.DefaultTask...{ @TaskAction void run() { println 'MyTask TaskAction' } } 然后 , 在自定义插件中 , 创建 Task...project.myplugin.mypluginextension.name println project.myplugin.mypluginextension.age // 创建自定义任务

    1.8K20

    Android Wear 开发初探

    目前Android Wear分国际版本和中国版本(据说到Android Wear 2.0正式发布时不分了,统一用一个库)。国际版本在国内无法使用(原因众所周知)。...先看一下手表应用开发流程: 我的开发环境:Android Studio 2.2 Preview 3 ,Android Studio本身就有一个创建手表应用的向导,菜单File->New->New Project...这里选择你要创建应用的类型.选择下一步,输入Activity及布局XML的名称,选择完成,Android Studio 的向导就会自动完成。...表盘可以显示自定义的内容 ? 上图显示了电量及照片 消息回复新增:智能回复、手写辨识和一整套英文全键盘这三种回复方式 ?...在手机侧应用创建包括手表侧应用的版本和路径信息的res/xml/qqmusic_for_android_wear_desc.xml文件 <wearableApp package="wearable.app.package.name

    2.2K90

    Anroid Wear OS 手表应用开发 - UI

    为此,在 Wear OS 上,官方提供了一系列新的控件和交互,通过它们,我们可以很方便地打造出一个适合手表交互的应用。...添加依赖 下面用到的控件都来自 Wear 控件库,需要在 build.gradle 文件中添加以下依赖: implementation 'com.android.support:wear:28.0.0'...下面是一个简单的自定义底部抽屉栏布局: android.support.wear.widget.drawer.WearableDrawerView android:id="@+id/action_drawer...确认动画 当处理完某个业务之后,我们通常需要给用户一个处理成功或失败的提示,在 Wear OS 上,我们可以用一个 Activity 来展示确认动画。...在布局中加入: android.support.wear.widget.WearableRecyclerView android:id="@+id/wearable_recycler_view

    2.6K30

    【Android Gradle 插件】自定义 Gradle 插件模块 ① ( 在 Module 模块中自定义 Gradle 插件 | 创建自定义插件类型模块 | 手动导入相关依赖 )

    文章目录 一、将自定义 Gradle 插件上传到远程仓库中 二、创建自定义插件类型模块 ( Java or Kotlin Library ) 三、手动导入相关依赖 ( Java | Groovy | Gradle...中 , 总结了在 Android Studio 工程中 自定义 Gradle 插件 , 并在 build.gradle 构建脚本 中导入插件的代码 ; Android Gradle 插件 也是一种 自定义的..., 在 Module 模块中 , 导入并使用 Android Gradle 插件 ; 这种方式是将 自定义 Gradle 插件 的 jar 包 上传到了 jcenter / google / mavenCentral...远程仓库 中 ; 二、创建自定义插件类型模块 ( Java or Kotlin Library ) ---- 选择 " 菜单栏 / New / New Module… " 选项 , 在 " Create...---- 在 buildSrc 目录 下 , 会自动引入 Java / Groovy / Gradle 的依赖 , 但是在自己创建的 Java Library 类型的依赖库 中 , 需要将其 手动引入

    2.2K30

    Android Studio Arctic Fox (2020.3.1) Beta 版发布

    我们提供各种工具以帮助您完成设计之旅: 在不同的配置中创建预览,用 Compose Preview 导航您的代码,用 Deploy Preview to Device 进行单独测试,用 Layout Inspector...通过使用 @Preview 注释,Compose Preview 可以在不同的配置 (即主题、设备) 下一次可视化多个组件,并为您创建一个心理地图来导航您的代码。...△ Layout Editor 中的 Accessibility Test Framework Scanner 设备 Wear OS 配对 - 我们创建了一个新的 Wear OS 配对助手,以指导开发者一步一步在...△ Wear OS 系统映像 适用于 Wear OS 模拟器的心率传感器 - 为了帮助您测试 Wear OS 应用,Android 模拟器现在支持在运行 Wear OS 模拟器的时候使用 心率传感器 API...仅举几例: 针对启动屏幕的自定义声明、精细位置使用的近似位置权限、媒体格式,以及传感器高采样率权限。

    42420

    谷歌为何将半条命交给了搜狗地图?

    而Andorid Wear在中国的市场几乎空白,在Apple Watch在中国市场取得很好的反馈之后,Google应该有所反思,占据用户手腕,将是一个全新的生态,而中国市场首当其冲,Google不想又一次错失...为什么Android可以在智能手机生态中大行其道,而Android Wear不可以?...百度与Google曾经是劲敌,Google从心理上很难接受百度地图植入到Android Wear,而高德地图与苹果在数据层面已达成合作,Android Wear选择搜狗地图这个相对不是那么强势的应用,其在支持力度上可能会更大...不过这取决于Android Wear现阶段的合作效果,以及Google的策略:如果Android Wear把地图、语音这些权力握在自己手中而不是交给手表厂商自定义,就会集中使用某家第三方服务,避免过度碎片化的体验...Google选择Android Wear使用第三方核心服务,在之前是前所未有的,这与Google战略违背,因为Google推行Android、Android Wear诸多移动设备系统的核心目的,都是要加载

    1.3K70

    Android--自定义属性在系统控件上的用法

    我们知道自定义属性要在自定义控件中使用的,我们自定义styleable,并通过obtainStyledAttributes方法解析,这就必须自定义View来解析我们自定义的属性,今天来介绍一种在系统控件上设置自定义属性的方法...7月22日-7月24日\n 上海世博展览馆\n 在现场...animator.gif 其中的核心思想是改写父布局的addView方法,并使用我们自定义的ViewGroup将系统控件包裹,将系统控件隐式的嵌套了一个ViewGroup,动画效果的实现在自定义的ViewGroup...上执行 /** * 自定义动画框架使用的LinearLayout */ public class AnimatorLinearLayout extends LinearLayoutCompat {...MyLayoutParams(Context c, AttributeSet attrs) { super(c, attrs); //解析attrs得到自定义的属性

    1.2K30

    从零开始的Android:常见的UI设计模式

    尽管Android允许您创建几乎任何可能需要的自定义视图或用户界面,但事实证明,在正确的情况下,有一些用户界面模式可以很好地适用于用户。...幸运的是,Android用户熟悉一些常用的导航模式,以帮助您创建可以使用的出色应用程序。 标签 选项卡通常与列表和详细信息模式结合使用。...由于此模式非常适合用于顶层导航,因此可以轻松地将其与tabs模式配对以在您的应用程序中创建复杂的导航方案。...Android Wear 由于显示屏尺寸较小,因此为Android Wear引入了一套全新的用户界面设计模式。...有关为Android Wear设计的更多信息,请参见官方文档 。 电视 尽管Android Wear设备的设计模式必须考虑较小的屏幕尺寸,但针对Android TV的设计却存在相反的问题。

    2.7K20
    领券