文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android Design Support Library初探-更新中

，这其中大部分归功于material design的引入，这种新的设计语言让整个Android的用户体验焕然一新。...官方的详细专题有更详细的说明来介绍使用material design带来的好处。但我们也知道，这种设计对于开发者来讲，尤其是在意向后兼容的开发者来说是一种挑战。...在Android Design Support Library的帮助下，我们为所有的开发者，所有的2.1以上的设备，带来了一些重要的material design控件。...效果和Code请移步 NavigationDrawer和NavigationView-Android M新控件 ---- 输入框控件的悬浮标签 在material design中，即使是简单的EditText...通常EditText会在用户输入第一个字母后隐藏提示信息，但是现在可以使用TextInputLayout来将EditText封装起来，提示信息(hint)会变成一个显示在EditText之上的floating

97420

TextInputLayout-Android M新控件

Introduction 同样的，这个控件也是Material Design中的控件。 Google I/O 2015 ，谷歌意识到向后兼容是实现material design的重要部分。...本博文将演示如何使用Design Support Library中的TextInputLayout控件。 ---- 官方API ---- 运行效果 ?...我在写这边博客的时候，support已经更新到23.2.0了，不过还是用我个人常用的23.1.1吧。虽然这个控件是在22.2.0中推出的，记得所有的Support library的版本保持一致。...官方使用的compile 'com.android.support:design:22.2.0' 我的工程使用的是compile 'com.android.support:design:23.1.1...设计范例中，控件的实现需要让用户在输入的过程中不会丢失上下文信息，它是在去年跟Material Design一起被谷歌介绍的。在这之前，没有让开发者将这个控件应用到实际项目中的支持库。

77920
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

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

    如果我们想写一个登陆界面是不是一般都写两组TextView,EditText及一个Button，不过体验并不是太好，等等这些麻烦的的处理在Material Design TextInputLayout...但我们遇到了一个问题，每次输入后键盘不能即使收起，这个问题该如何解决呢？ ---- 实施onClick方法 首先必须处理按钮单击。有很多方法可以处理按钮点击。...---- 验证输入 我使用维基百科建议的 有关电子邮件有效性的指南编写了以下正则表达式。 /^[a-zA-Z0-9#_~!$&'()*+,;=:....每个小部件的颜色都直接从style.xml文件中指定的主题颜色中绘制 。只需打开它并将colorAccent项目添加到活动主题即可更改表单的颜色方案。...@color/purple ---- 最后效果 到此为止所有效果基本都实现了，欢迎大家关注我继续 Material design 的学习

    1.4K20

    Android L+ Theme 与 Toolbar 实例

    前言 随着Android L和M的发布，app的Material Design也逐渐普及。...材料设计是良心之作，不仅逐渐推动Android琳琅满目的app界面的统一，而且使开发者更加关注app的功能，而非UI设计。于是乎，我也开始学习它，这里随着学习的进度会写相应的博文。...有关Material Design的学习资料还是Google的官方文档最好， 这里给出有分享精神的小伙伴们的翻译项目Material Design 中文版, 供大家学习与参考。...Toolbar就是一个ViewGroup 简单一点儿说就是，使用Toolbar，需要在布局文件xml中引入： <android.support.v7.widget.Toolbar android...，这个是例如EditText正在输入时，RadioButton选中时的颜色（自己动手试下） xml属性： app:title=”App Title”：Toolbar中的App Title app:subtitle

    60840

    Android开发中遇到的requestFeature() must be called before adding content异常

    因此想到，我们在排查Android运行时异常时是否也可以利用起try-catch这个工具呢？加起来就试试好了： ?      再次在模拟器中运行应用，可以在logcat中输出如下信息： ?      ...已经达到了我们想要的结果，但是这个方法有个缺点：就是得估计异常大致出现在什么地方，这才好用try-catch包裹它。至于这个异常代表着什么，现在先不说，再来看看第二种异常捕获方案好了。...这个delegate的存在，是为了更好的贯彻Google推行的Material Design的设计理念。...有时你可能想在一个旧版本的Activity（既不是继承自ActionBarActivity又不是继承AppCompatActivity的类）中使用Material Design的组件。...AppCompatDelegate中的对应方法，即可为旧式Activity添加具备Material Design风格的视图组件。

    3K70

    Android开发笔记（一百三十八）文本输入布局TextInputLayout

    ； 2、编辑框所在页面的Activity需要继承自AppCompatActivity，否则运行时打开页面会报错； 3、布局文件中在TextInputLayout节点下面加入EditText控件，必须并且只能加入一个...倘若在代码中调用setCounterMaxLength方法设置了文字计数器的最大长度，那么运行时当输入字符数超过计数最大值，应用会异常退出，日志报错“Failed to resolve attribute...2、页面主题使用Theme.Design.*系列风格，比如Theme.Design.Light。但该方法不会限制输入的字符个数。 3、页面主题是Theme.AppCompat....强行把提示文字从编辑框内挪到了编辑框上方，可这种做法没考虑到横屏时候的情况，所以造成横屏反而不显示提示文字的结果。...那么TextInputEditText就是为了让横屏时也要显示提示文字，具体做法是把布局文件中的EditText名称换成“android.support.design.widget.TextInputEditText

    2K30

    强大的提示控件TextInputLayout使用以及源码分析

    本篇博客带来一个具有强大提示的Material Design风格的控件TextInputLayout，使用这个控件可以非常方便的做出用户登录界面帐号密码输入框的效果，文章将会从以下TextInputLayout...使用和TextInputLayout源码分析两个方面对这个强大的控件进行分析。...，再添加就会报错，使用CollapsingTextHelper把传进来的editText的相关属性取出进行设置 mEditText.addTextChangedListener(new TextWatcher...设置文本变化的监听，在文本改变之前，正在改变的时候都可以做相应的逻辑处理，往下看有更改EditText的Margin的方法 private LayoutParams updateEditTextMargin...之中肯定应该会有一个添加错误提示信息的方法，在这里我们找到了，同时这里的代码也是值得我们进行学习的，只有当用户设置错误提示为真的时候，才会new一个TextView，这样是比较省性能的，接下来是setError

    1.8K50

    Android弹窗二则: PopupWindow和AlertDialog

    这里说两个常用的弹窗类, PopupWindow和AlertDialog. 我的理解就是, PopupWindow较为随性, 可以在任意位置弹窗, 比如你经常看到的朋友圈点赞的那个小的弹窗....为了保护你的眼睛, 图片已处理 ---- PopupWindow 官方文档传送门 实例解析 先来看一段常规的PopupWindow的使用, 然后逐行分析下...., 因为22中引入了Material Design风格的Dialog(5.0引入的Material Design), 当然, 如果你用Android Studio, 这点基本无需担心. dependencies...右侧是Material Design风格 好, 接下来进入正文. 我们构建一个最简单的弹窗....当然啦, 还有adapter的方法, 但是我暂时不打算在这次的文章中写, 因为用adapter的时候太多了, 可能要下次弄个单独的部分. ? 举个栗子 <?

    1.6K60

    【Android 逆向】APK 文件处理脚本 ApkTool.py ( 脚本简介 | 用法 | 分析 APK 文件 )

    APK 输出结果 一、APK 文件处理脚本 ApkTool.py ---- ApkTool.py 是一个 APK 文件处理脚本 , 主要针对 APK 文件进行各种处理 , 如文件分析 ; 该脚本需要使用...app-debug.txt 文件中 , app-debug 是 apk 文件的名称 , 后缀改为 txt ; 分析完毕的内容如下 : 文件名称：apk/app-debug.apk 应用名称：EventBus_Demo.../abc_tint_edittext.xml 正在签名: res/color/abc_tint_seek_thumb.xml 正在签名: res/color/abc_tint_spinner.xml...正在签名: res/color-v23/abc_tint_default.xml 正在签名: res/color-v23/abc_tint_edittext.xml 正在签名: res/color-v23...如果没有时间戳, 则在签名者证书的到期日期 (2044-10-28) 或以后的任何撤销日期之后, 用户可能无法验证此 jar。 D:\002_Project\011_Python\APK>

    1.6K10

    Material Design 在 Android 中的应用

    最终决定分享主题为『Material Design In Android』。因为之前毕设项目趣闻中有用到「Support Design」库中的控件，所以写起来会顺手一点。...跟随着15年Android 5.0的问世，谷歌设计师们还给我们带来的一系列的具有Material Design风格控件。这些控件被统一放置在support design库中，以供开发中使用。...我的design版本是26.1.0,上图大概就是design提供的API，这里我只做简单的使用介绍，如果想了解其原理的话，可以看一下官方的介绍。 这么多我该从何说起呢？...我想了下，就按照我做这个小项目，需要的控件顺序说起吧，这样也相当于大家跟我一起做出一个具有Material Design风格的APP了。 1、主题 一个项目的开始，你得先确定这个项目的主题颜色是什么？...上面的属性完全可以像第四种情况叠加使用，至于效果自己尝试了了才能感觉到它的奥妙之处。 8、转场动画 交互有了，现在看是添加点击跳转效果了。

    1.3K20

    设计系统简史——过去，现在与可能的将来

    我第一次听说“设计系统”这个概念是在2016年初，契机是在某设计师招聘要求的栏目中看到了“熟悉至少一种设计系统，例如 HIG 或者 Material Design”。...Apple HIG 的故事很简单，毕竟大家都很熟悉了，用一幅图概括吧： Material Design 的故事也很简单，毕竟大家都很熟悉了，也用一幅图概括吧： 我觉得这里值得一提的是 Material...Material Design 中“从目标到结果、从抽象到具体、从整体到局部”的“设计系统性”，相比于“设计系统”的概念，其实更值得每一个 Design System Builder 学习。...我常常听到各类组织的设计部门激烈讨论 “我们是否需要做一个像Material Design 一样酷炫的‘框架化’设计系统”，最终不了了之。...老实讲，这方面的尝试我现在看到的还不是很多，给我留下深刻印象的是 AXA Design System。

    42230

    它来了！Flutter3.0新特性全接触

    Impeller在引擎构建时预编译一套更小、更简单的着色器，这样它们就不会在应用程序运行时被编译；这一直是Flutter中jank的一个主要来源。Impeller还没有为生产做好准备，也远未完成。...并非所有的Flutter功能都已实现，但我们对其在flutter/gallery应用程序中的保真度和性能感到足够满意，因此我们正在分享我们的进展。...Material 3 Flutter 3支持Material Design 3，即新一代的Material Design。...在新的Take your Flutter app from Boring to Beautiful codelab中尝试Material 3功能。...有关如何选择使用这些新功能以及哪些组件支持Material 3的详细信息，请参见API文档。关注正在进行的Material 3 Umbrella问题的工作。

    2.4K40

    Android App Dark Theme（暗黑模式）适配指南

    在应用内为用户提供切换主题的开关选项 适配的方式也分为三种：自动适配、自定义适配、使用 Material Design Components 进行适配，为了方便说明，我这里写了一个实例代码，在没有开启适配前是这个样子的...使用 Material Design Components 进行适配 Material Design Components 不仅仅包含了各式各样的组件，还完善了 Material Design 的规范，...上图为 Material Design 的官网，在设计一览中，详细制定了各种规范，例如颜色系统该如何设计、阴影的原理和规范、字体的规范、图标该如何选择、交互效果该怎样设计等等。...我个人来说是非常喜欢 Material Design ，之后会计划在这个公众号上面为大家详细的介绍一下Material Design 到底是怎样的，相信很多人都知道 Material Design 但真正读过它的文档...相比自定义适配、使用 Material Design Components 适配从设计的角度上更加规范，同时对 theme、attr、style 的不同使用场景也做了更加明确的区分，通过 theme 来规范属性

    5.4K20

    Android5.0和6.0之后新增的控件说明

    ，在项目中使用的时候，可分为三大类： 1、第一类是内核提供的控件，位于SDK的android.jar中。...这个与系统版本有关，每个版本的android.jar是固定的，有在该内核中定义的控件才能正常调用，没在内核中定义的控件在运行时会扔出类找不到的异常。...3、第三类是v7兼容库和design库，它们有各自的库工程，开发者要在App工程中手工导入用到的兼容库。 v7与design库导入App工程后，编译出来的App即可兼容4.*的系统。...使用v7与design库的控件，类似于使用自定义控件，不但要在布局文件中引用完整路径的控件名称，还要在根布局声明命名空间（即添加属性xmlns:app="http://schemas.android.com...库，所以若要正确使用design库的控件，往往得同时导入好几个相关的兼容库。

    1.3K20

    『Flutter』还原初始程序

    方法中返回了一个 MaterialApp 组件，但是这个 MaterialApp 组件我不知道，所以这里我给大家两种方式去学习，第一种就是去看官方文档，我这里就采用第二种直接问 AI： 有几句话非常的重要...什么是 Material Design？请看：https://material.io/design。就是提供了一些遵循了 Flutter 的规范的一些组件。...通过 AI，知道了 MaterialApp 组件是在 Flutter 应用程序的顶层使用的，还有一些 Material Design 的常用属性： home: 应用的首页，通常是一个 Scaffold...所以我们可以使用 Scaffold 小部件来实现 Material Design 布局结构，那么我们就来使用 Scaffold 小部件： import 'package:flutter/material.dart...我正在参与2024腾讯技术创作特训营第五期有奖征文，快来和我瓜分大奖！

    22921

    详解 Android 12L｜更好地适配大屏幕设备

    在此预览版中，您可以尝试全新的大屏幕功能，优化您的应用，并与我们分享反馈。 在 Android 12L 中，我们优化了大屏幕设备的 UI，包括通知、快捷设置、锁屏、概览、主屏幕等。...我们一直致力于制定新的 Material Design 指南，帮助应用的 UI 适配各种屏幕。...对于屏幕更宽的设备，我们新发布的 Material Design 指南 中提出了几个有关大屏幕布局的方案，例如可以使用 SlidingPaneLayout 来实现列表/细节结构。...对于已经使用 Fragment 的现有应用，虽然更新导航模式和使用 SlidingPaneLayout 等方式是针对大屏幕设备的布局优化的好方法，但我们了解到基于多个 Activity 的应用不在少数。...△ 参考设备类中的布局验证工具 可调整尺寸的模拟器 若您需要在运行时对您的应用进行测试，可以使用 Android Studio Chipmunk 中附带的可调整尺寸的全新模拟器配置。

    3.8K20

    当卡片式UI不再流行，列表式UI将是王牌

    随着 Material Design 的流行，卡片式 UI 已经成为现代 web 设计的一部分。尤其是你在提供一个汇总归档信息的界面时。 卡片是提供详细信息的入口。...屏幕上可以看见少量的抱怨的文章。例如： ? 用户关于卡片得反馈截图 太多的图片而且需要不停地滚动。我只是想快速的浏览新闻。 为了看所有的新闻我必须滚动大图。而且不能够一次查看加载的新闻。...通过删除图像，我们几乎失去了与该区域的所有交互。 现在只占总点击次数的 1％。 与以前相比有巨大的差异，其中 43％ 的点击在导航转盘。 这可能表示用户正在使用导航，以找到刚刚消失的新闻列表。...Google搜索的AB测试 Google的搜索结果可能会更加丰富多彩，但每页提供的信息较少。 Material Design的建议 什么时候适合使用列表？...Material Design 建议的是列表是“可快速扫描”，适合显示类似的重复的内容。 当用户不直接比较图像或文本时，不推荐使用卡片式。

    3.2K70
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券