文档章节

Material Design实现的美观的登录界面

pearl2015
 pearl2015
发布于 2016/07/26 21:28
字数 748
阅读 229
收藏 1
点赞 0
评论 0

官方介绍学习:https://material.google.com/ 英文版基于Material Design的登录界面:http://sourcey.com/beautiful-android-login-and-signup-screens-with-material-design/ 翻译版基于Material Design的登录界面:https://gold.xitu.io/entry/573bb4b6df0eea005e758f0b

Material Design Library

例子中采用了Material Design的库的控件,但是具体使用细节没有写出来,容易遇到很多问题。

Bug: Error inflating class android.support.design.widget.TextInputLayout :添加完xml后,运行时报错。

解决方法: 1.在module的gradle中添加依赖

   compile 'com.android.support:appcompat-v7:24.0.0'
   compile 'com.android.support:design:24.0.0'

并且:修改manifest文件中Application标签下的theme:

   android:theme="@style/Theme.AppCompat"> 

知识梳理:

  1. TextInputLayout是继承于LinearLayout的容器,作用于TextView。而且,跟ScrollView一样,只能包裹一个子节点。它的效果是让Textview中的hint内容悬浮在编辑框之上,而普通textview中的hint则会被覆盖。是Android 5.0以后新加的库的控件(Android Design Support Library)。因此,需要将其library导入到项目中。所以,这就是为什么第一段代码要加入的原因。

  2. Theme.AppCompat Vs 普通版 AppTheme:在Android 4.0之前的Android,可以说是没有设计可言,也就是普通版AppTheme了。在4.0之后,推出了Android Design,界面有所改善,在程序实现上相应的是Holo风格(Theme.Holo.Light、Theme.Holo.Light.DarkActionBar)。为了让4.0之前的版本也兼容,就需要引入v7包, 并能使用其对应兼容的Theme.AppCompat.Light、Theme.AppCompat.Light.DarkActionBar ;而Android 5.0推出了Material Design,为了兼容,也需要引入v7包, 并能够使用其相对应兼容的Material Design Theme:Theme.AppCompat.Light、Theme.AppCompat.Light.DarkActionBar。这就是为什么第二段代码需要加入。

Butter Knife Framework

Butter Knife框架是专门为Android View设计的绑定注解

Bug:The import butterknife.InjectView cannot be resolved:

解决方法:

step1:添加库依赖:

1.在Project的build.gradle中添加:

    classpath 'com.neenbedankt.gradle.plugins:android-apt:1.8'  

2.在Module的build.gradle中添加:

  • 在代码顶部添加:on the top of the code!!!!
	apply plugin: 'com.android.application'
	apply plugin: 'android-apt'
  • 在依赖中添加:
    dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:24.0.0'
    compile 'com.android.support:design:24.0.0'

    //for the butterknife
    compile 'com.jakewharton:butterknife:8.0.1'
    apt 'com.jakewharton:butterknife-compiler:8.0.1'
	}

step2:删除 import butterknife.InjectView,在MainActivity中添加代码:

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
    }

知识梳理:

Butter Knife就是取代findViewById这样的,使用 @Bind注解并传入一个View ID,Butter Knife 就可以找到并且自动地对你的布局中的View进行转换并绑定到类成员上。相比与缓慢的反射机制,Butter Knife的代码是生成的,因此不必担心注解的性能问题。调用bind来生成这些代码,可以查看或调试这些代码。bug出现是因为例子中的注入方式是早些版本的,最新版本的应该按照http://jakewharton.github.io/butterknife/,以及注解文档:http://jakewharton.github.io/butterknife/javadoc/

© 著作权归作者所有

共有 人打赏支持
pearl2015
粉丝 4
博文 34
码字总数 8101
作品 0
其它
[图]Chrome OS勿扰模式界面获Material Design设计改善

Chromium传教士François Beaufort今天在社交网络上分享了关于Chrome OS系统的最新消息。内容显示该系统中的“Do Not Disturb”模式获得了全新的Material Design设计调整,感兴趣的用户可以访...

稿源: ⋅ 2017/10/18 ⋅ 0

Design Systems 02 - 什么是 Design Principles

上周我们开启了一个新的期刊系列「Design System」,第一期就收到了很多会员好评反馈。说实话有点超出了我的预期,没想到这么多人对这个主题感兴趣,感谢大家的支持,也欢迎大家继续给我提意...

5key ⋅ 2017/11/30 ⋅ 0

手把手教你从零开始做一个好看的 APP

前言 从零开始,手把手带你实现一个「专注睡前的 APP」。睡觉之前如果能有一个 APP,能让我们写一写这一天的见闻或者心得,同时又能看一会段子、瞄一会好看的妹子,放松一下疲惫的身心那该多...

developerHaoz ⋅ 2017/09/13 ⋅ 0

Android最佳的开源库(四)

网络 OkHttp:Android的HTTP客户端库。 AndroidAsync:异步通信库。 通知推送 PubNub:用来处理推送通知的通信服务。 Gandalf:给用户发送更新或维护消息库。 支付 Android In-App Billing v...

博为峰教研组 ⋅ 2016/11/15 ⋅ 0

安卓 Material 皮肤--flex Android Material Skins

从Anroid 4.x开始的Android Design到现在的Material Design(原质设计),Android的设计语言再上升新高度。 这个项目提供了flex的Material皮肤,由as3实现,支持css 虽然Apache Flex已提供了...

clschen ⋅ 2015/03/19 ⋅ 0

在低版本android系统上实现Material设计应用

Material Design真的很好看,动画效果真的很实用。前面也写了一些文章介绍如何编写Material风格的程序,但是很多都是一些新的api,低版本上面没有这些api,我们没办法使用。但是不用气馁,g...

码农明明 ⋅ 2014/11/17 ⋅ 12

Material Design Lite ,简洁惊艳的前端工具箱。

Material Design Lite简介 本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。 对应每一小节的在线练习地址如下,大家可以去试试。 http://www.hubwiz.com/course/55adae643ad79a1...

笔阁 ⋅ 2015/08/24 ⋅ 1

Google Material Design设计语言的HTML/CSS/JS部分实现

Material Design Lite简介 本文主要介绍Google Material Design设计语言的HTML/CSS/JS部分实现。 博客地址:http://my.oschina.net/u/2275217/blog/496411 一、设计语言 github项目地址:htt...

笔阁 ⋅ 2015/09/28 ⋅ 0

Android 5.X的新特性及Material Design

导语 说来惭愧,Android8.0奥利奥都出了,我还在学5.0的新特性,看来得再努把力了,Material Design动画确实好看,查看实例戳这里。 主要内容 Android5.X UI设计初步 Palette 视图与阴影 Ti...

一个有故事的程序员 ⋅ 2017/10/24 ⋅ 0

Google 迎来全新设计语言 Material Design

谷歌刚发布了其最新设计语言 Material Design,适用于旗下所有平台,包括 Android、Chrome OS 和网页。 Material Design 初次亮相是在 Google 上月发布的 Google+应用升级中,它更换了新图标...

Tuesday ⋅ 2014/06/27 ⋅ 1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

浅谈springboot Web模式下的线程安全问题

我们在@RestController下,一般都是@AutoWired一些Service,由于这些Service都是单例,所以并不存在线程安全问题。 由于Controller本身是单例模式 (非线程安全的), 这意味着每个request过来,...

算法之名 ⋅ 今天 ⋅ 0

知乎Java数据结构

作者:匿名用户 链接:https://www.zhihu.com/question/35947829/answer/66113038 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 感觉知乎上嘲讽题主简...

颖伙虫 ⋅ 今天 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

PXE/KickStart 无人值守安装

导言 作为中小公司的运维,经常会遇到一些机械式的重复工作,例如:有时公司同时上线几十甚至上百台服务器,而且需要我们在短时间内完成系统安装。 常规的办法有什么? 光盘安装系统 ===> 一...

kangvcar ⋅ 昨天 ⋅ 0

使用Puppeteer撸一个爬虫

Puppeteer是什么 puppeteer是谷歌chrome团队官方开发的一个无界面(Headless)chrome工具。Chrome Headless将成为web应用自动化测试的行业标杆。所以我们很有必要来了解一下它。所谓的无头浏...

小草先森 ⋅ 昨天 ⋅ 0

Java Done Right

* 表示难度较大或理论性较强。 ** 表示难度更大或理论性更强。 【Java语言本身】 基础语法,面向对象,顺序编程,并发编程,网络编程,泛型,注解,lambda(Java8),module(Java9),var(...

风华神使 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部