首页
学习
活动
专区
工具
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

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

TextInputLayout-Android M新控件

Introduction 同样,这个控件也是Material Design控件。 Google I/O 2015 ,谷歌意识到向后兼容是实现material design重要部分。...本博文将演示如何使用Design Support LibraryTextInputLayout控件。 ---- 官方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一起被谷歌介绍。在这之前,没有让开发者将这个控件应用到实际项目中支持库。

74020

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

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

1.3K20

Android如何自定义EditText光标与下划线颜色详解

网上有些自定义EditText下划线教程就是这样操作,先把背景去除,再在下面加一个横线。这样操作未尝不可,但是为了美观,还是重新设置间距值。。...到了这里就要揭晓答案了。...这样做是为了使用appcompat-v7包Material Design样式,比如我们可以在Styles.xml文件中新建一个MyEditText样式: <style name="MyEditText...这里<em>我</em>将选中<em>的</em>颜色设为橙色。 在activity_main.xml<em>中</em>再增加一个<em>EditText</em>,加上android:theme="@style/MyEditText" 属性,效果如下: ?...Material Design风格消失了,光标的颜色虽然还能修改,但是下划线颜色却改不了。所以我们还得另想方法。

5.2K51

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风格视图组件。

2.7K70

Android L+ Theme 与 Toolbar 实例

前言 随着Android L和M发布,appMaterial 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”:ToolbarApp Title app:subtitle

58140

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

1.5K30

TextInputLayout输入框控件悬浮标签

本文实例为大家分享了TextInputLayout输入框悬浮标签具体代码,供大家参考,具体内容如下 image.png TextInputLayout也是5.0以后效果,想要使用同样需要在build...配置: dependencies { compile 'com.android.support:design:23.3.0' } TextInputLayout可以用来显示一个提示错误信息,...把Hint放到EditText左上方等效果一个布局; 如果项目中有这类需求,使用TextInputLayout实现起来非常方便; 使用方法也比较简单,直接用TextInputLayout包裹EditText...但是默认情况下,当你输入文本时候TextInputLayout只会将Hint移动到左上方,不会有错误提示,错误提示需要我们手动设置: etUser= (EditText) findViewById...void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override //正在输入时候调用

1.3K10

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

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

1.7K50

【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.4K10

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

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.2K20

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

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

38230

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

Impeller在引擎构建时预编译一套更小、更简单着色器,这样它们就不会在应用程序运行时被编译;这一直是Flutterjank一个主要来源。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.3K40

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 来规范属性

4.9K20

『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腾讯技术创作特训营第五期有奖征文,快来和我瓜分大奖!

16121

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

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

1.2K20

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

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

3.7K20
领券