首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【建议收藏】Jetpack Compose编程知识全汇总 (含详细实例讲解)

    ,与现有视图共同使用,无缝链接,支持Material Design和动画 二、环境配置 由于Jetpack Compose还未正式发布,需要下载最新Canary版的Android Studio 预览版...implementation 'androidx.compose.foundation:foundation:1.0.0-alpha05' // Material Design...implementation 'androidx.compose.material:material:1.0.0-alpha05' // Material design icons...View中的Compose 如果想使用Compose的情况下,又不想迁移整个应用,可以在xml里面增加ComposeView,类似于占位符,然后在Actviity/fragment中寻找该控件调用...Android Jetpack Compose 最全上手指南 Jetpack Compose 环境准备和Hello World 布局 使用Material design 设计 Compose 布局实时预览

    6.4K60

    Android 5.X 新特性详解

    1Android 5.X UI设计初步 Android 5.X系列开始使用新的设计风格Material Design来统一整个Android系统的界面设计风格。...与之前的设计风格不同,这次的Material Design 设计将Android 带到了一个全新的高度,同时Google 在官网上推出了全新的设计指南——全面地讲解了Material Design 的整个实现规范与示例如下图所示...●大色块的使用 Material Design 中用大量高饱和度、适中亮度的大色块来突出界面的主次,一扫AndroidX 系列Holo 主题的沉重感,让界面更加富有时尚感和视觉冲击力。...2Material Design主题 首先来看看如何使用Material Design 的主题。 Material Design 现在有三种默认的主题可以设置,显示效果如图 所示。...可以通过传递一个Bitmap 对象给Palette,调用它的Palette.generate()静态方法或者Palette.generateAsync()方法来创建一个Palette。

    99930

    Material Design 进阶之二-使用TextInputLayout的登陆界面

    如果我们想写一个登陆界面是不是一般都写两组TextView,EditText及一个Button,不过体验并不是太好,等等这些麻烦的的处理在Material Design TextInputLayout...出现后得到了极大改善,我们可以做最少的事达到最好的效果 效果图 ---- 导入支持库 implementation 'com.android.support:appcompat-v7:28.0.0...但我们遇到了一个问题,每次输入后键盘不能即使收起,这个问题该如何解决呢? ---- 实施onClick方法 首先必须处理按钮单击。有很多方法可以处理按钮点击。...另一个有趣的事实是,如果尚未启用错误功能并且您调用setError传递非null参数,setErrorEnabled(true) 则会自动调用。...@color/purple ---- 最后效果 到此为止所有效果基本都实现了,欢迎大家关注我继续 Material design 的学习

    1.4K20

    Material Design —卡片(Cards)

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚...卡片(Cards) Material Design链接:卡片 ?...支持的手势 滑动(swipe) 拾取移动(Pick-up-and-move) 相关组件 网格列表(Grid lists) 对于开发者 Android卡片 聚合卡片(Polymer cards) ---...例如,可滑动的卡片不应该包含可滑动的图像,以便在滑动时只发生一次动作。 如果用户对集合内的卡进行分类很重要,则可以使用拾取移动手势(pick-up-and-move gesture)。...虽然卡片可以支持多种动作,UI控件和溢出菜单,请使用限制,记住卡片是进入更复杂和详细信息的入口点。 ?

    4.3K100

    一篇博客让你了解Material Design的使用

    Material Design的基本概念 Material Design是Google设计的一套视觉语言,将优先的经典的设计原理与科技创新相结合,为开发者提供一套完成视觉和交互设计规范。...Material Design强调交互上的即时反馈,即对于用户的触控等行为app需要给出即时的反应。同时Material Design要求应用给用户带入感,让用户在使用时是沉浸在当前的应用当中。...Google从动画、颜色、样式、触控反馈、布局等多个方面给出了Material Design的设计要求。...简单来说,就是通过协调调度里面的子控件或者布局来实现触摸(一般是指滑动)产生一些相关的动画效果。...2.Reveal Effect(揭露效果) 例子:Activity的揭露出现的效果。

    3.3K30

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

    Material design 的内置的无障碍功能将帮助你的应用适应所有用户。本节内容主要适用于移动端 UI 设计。有关设计和开发完全无障碍的产品的详情,请访问Google 无障碍网站。...为了使具有运动和视觉敏感性的用户能舒适地使用界面,请遵循 Material Design 运动规范,该规范支持 W3C 的以下运动指南: 如果内容持续移动、滚动或闪烁的时间超过 5 秒,则会暂停、停止或隐藏...样式 布局 Material Design 的触摸目标指南使那些无法看到屏幕、或者运动不灵活的用户能够点击应用中的元素。 触摸目标 触摸目标是屏幕中响应用户输入的部分。...在频繁使用的任务上,应该实现聚焦控制、或控制键盘和读取焦点的功能。...不要提及确切的手势和交互 不要告诉用户如何与控件进行身体上的交互,因为它们可能使用键盘或其他设备进行导航,而不是用手指或鼠标进行导航。无障碍软件会为用户描述正确的交互方式。

    4.8K40

    flutter 起步

    安装完成后-需要安装as(Android studio)运行 flutter doctor 检查环境缺失的依赖图片根据错误提示安装相对应依赖与工具如何引用安装第三方库pubspec.yaml管理第三方库在...在代码中引用第三方库使用针对english_words这个第三方库来讲,具体使用参见如下代码import 'package:flutter/material.dart';import 'package...MaterialApp:什么是MaterialAppMaterialApp是我们使用 Flutter开发中最常用的符合Material Design设计理念的入口Widget。...,当调用Navigator的相关方法时,会回调相关的操作8. builder当构建一个Widget前调用一般做字体大小,方向,主题颜色等配置9. title该标题出现Android:任务管理器的程序快照之上...Scaffold :Scaffold 实现了基本的 Material Design 布局结构。在 Material 设计中定义的单个界面上的各种布局元素,在 Scaffold 中都支持。

    4.5K20

    Flutter 全栈式——页面框架

    Material Design是由Google推出的全新设计语言,这种设计语言旨在为手机、平板电脑等平台提供更一致、更广泛的外观和感觉。...Material Design是一种有质感的设计风格,还会提供一些默认的交互动画。...对于没有相关基础的人,在正式学习App的UI之前,建议先了解Material Design相关的知识 关于Material Design设计风格的资料 MaterialApp MaterialApp代表使用...出现Android任务管理器的程序快照之上 ,或iOS的程序切换管理器中 onGenerateTitle GenerateAppTitle 与title一样,含有一个context参数用于做本地化...bottomNavigationBar Widget 显示在底部的导航栏 bottomSheet Widget 底部永久性显示的提示框 resizeToAvoidBottomInset bool 页面浮动控件部分自动调整,以避免被弹出键盘所遮盖

    2.9K30

    不可错过的几款GitHub开源项目

    Design; ToolBar、RecycleView、CardView、CoordinatorLayout等新控件的用法; Gradle的基本配置(包括签名打包、项目依赖等等); 如何更好的管理Gradle...依赖库的版本; 代码混淆配置; 如何快速开发一款结构清晰、可扩展性强的Android Application。...Design控件和动画 使用MVP架构整个项目,对应于model、ui、presenter三个包 使用Dagger2将M层注入P层,将P层注入V层,无需new,直接调用对象 使用Realm做阅读记录和收藏记录的增...采用了MVP模式、RxJava、Dagger 2 和 Bob Martin 的 Clean 架构方法,针对平板电脑进行了优化。 效果图: ?...https://github.com/iMeiji/Toutiao 11.PhotoNoter Material Design风格的开源照片笔记。

    1.8K20

    Android提醒微技巧,你真的了解Dialog、Toast和Snackbar吗?

    现在这个Dialog是Material Design风格的,因为我是在6.0系统上运行的,因此会自动赋予这样的风格。但是如果在老版本系统上运行,比如说2.3系统,会是什么样的效果呢?...人的审美总是在进步的,我们有没有什么办法在老版本的系统中也使用Material Design风格的Dialog呢?...Dialog的作用是给用户一个提示信息,让用户根据提示做出判断。而Dialog的特征就是,它会阻止你原本正在进行的操作,必须停止下来对Dialog进行处理。...由于不会每次调用的时候都生成新的Toast对象,因此刚才我们遇到的问题在这里就不会出现了。...在使用Snackbar之前,首先需要在app/build.gradle中添加相应的依赖: dependencies { compile 'com.android.support:design:23.4.0

    1.3K80

    可折叠设备、平板设备和大屏设备更新一览

    请正确处理折叠和展开事件,让您的应用支持多窗口模式,避免应用窗口区域内出现黑边。...△ 在 Chrome OS 设备上使用 Android 应用的用户通常会配置实体键盘;应用应该支持标准的键盘导航和快捷键,以提供更全面的无障碍使用体验 组件更新 我们更新了 Jetpack 和 Material...为了防止这种情况出现,我们为某些经常发生这种情况的 Material 组件添加了默认最大宽度值,包括: Buttons (按钮) TextFields (文本框) Sheets (表单) 我们未来会将更多的组件添加至上述列表中...您可以在 Material Design 设计指南 中找到更多关于组件尺寸限制的信息。...独占资源 Android 10 提供了同时恢复多个应用的功能,设有单一的 "顶层恢复" 应用。大多数应用无需更新即可受益于这一变更。最明显的例外则是当您的应用使用了独占资源,如麦克风或摄像头的时候。

    2.1K20

    听说谷歌Baba更新了 Material UI ...

    来瓶哇哈哈,精神抖擞来一波~ 简单回顾 Material Design,是谷歌在14年的IO大会上提出的一种新的理念,也被称为新的设计语言(也被称为“原材料设计”),称它为设计语言不为过,但是实际上,这仅仅是谷歌提倡的一种新的设计风格...:material:1.0.0-alpha1' } 当然,你可以使用 com.android.support:design:28.0.0-alpha1 但是主要注意的是design包和material二者只能选一...Bottom App Bar Material Design的一个重要特征是设计 BottomAppBar。可适应用户不断变化的需求和行为,So,BottomAppBar是一个从标准物质指导的演变。...:gravity="center"        android:onClick="showBehavior"        android:text="测试" />    <androidx.core.widget.NestedScrollView...这里再次简单描述相关细节: Bottom Sheets具有五种状态: STATE_COLLAPSED: Bottom Sheets是可见的,只显示可视(部分)高度。

    3K20
    领券