帮酷LOGO
  • 显示原文与译文双语对照的内容
Login view with material design

  • 源代码名称:MaterialLogin
  • 源代码网址:http://www.github.com/shem8/MaterialLogin
  • MaterialLogin源代码文档
  • MaterialLogin源代码下载
  • Git URL:
    git://www.github.com/shem8/MaterialLogin.git
  • Git Clone代码到本地:
    git clone http://www.github.com/shem8/MaterialLogin
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/shem8/MaterialLogin
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • MaterialLogin

    设计了登录( 注册) 视图

    下载

    通过Gradle抓取:

    compile 'com.github.shem8:material-login:2.1.1'

    或者 Maven:

    <dependency>
     <groupId>com.github.shem8</groupId>
     <artifactId>material-login</artifactId>
     <version>2.1.0</version>
    </dependency>

    你还应该为 2.3 support-添加 CircularReveal,首先添加远程 Maven url

     repositories {
     maven {
     url "https://jitpack.io" }
     }

    然后添加库依赖项

     dependencies {
     compile ('com.github.ozodrukh:CircularReveal:1.3.1@aar') {
     transitive =true;
     }
     }

    用法

    将LoginView添加到布局中

    <?xml version="1.0" encoding="utf-8"?>
    <FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent">
     <shem.com.materiallogin.MaterialLoginView
     android:id="@+id/login"android:layout_width="match_parent"android:layout_height="match_parent"/>
    </FrameLayout>

    然后将 MaterialLoginViewListener 设置为代码中的视图,以处理 register 和登录事件:

    finalMaterialLoginView login = (MaterialLoginView) findViewById(R.id.login);
    ((DefaultLoginView)login.getLoginView()).setListener(newDefaultLoginView.DefaultLoginViewListener() {
     @OverridepublicvoidonLogin(TextInputLayoutloginUser, TextInputLayoutloginPass) {
     //Handle login }
    });
    ((DefaultRegisterView)login.getRegisterView()).setListener(newDefaultRegisterView.DefaultRegisterViewListener() {
     @OverridepublicvoidonRegister(TextInputLayoutregisterUser, TextInputLayoutregisterPass, TextInputLayoutregisterPassRep) {
     //Handle register }
    });

    你还可以 fork 项目并查看示例应用程序。

    自定义

    你可以通过在 colors.xml 中重写视图颜色来更改视图颜色:

     <colorname="material_login_login_color">#000000</color>
     <colorname="material_login_register_color">#00ff37</color>
     <colorname="material_login_login_error_color">#ffbebe</color>
     <colorname="material_login_register_error_color">#600002</color>

    还可以通过设置视图属性来自定义视图:

    对于 MaterialLoginView:

    属性 NAME 默认值
    registerIcon
    registerEnabledtrue
    loginViewDefaultLoginView
    registerViewDefaultRegisterView

    对于 DefaultLoginView:

    属性 NAME 默认值
    loginTitle登录
    loginHint姓名
    loginPasswordHint密码
    loginActionText转到
    loginTextColor#000000

    对于 DefaultRegisterView:

    属性 NAME 默认值
    registerTitle注册
    registerHint姓名
    registerPasswordHint密码
    registerRepeatPasswordHint重复密码
    registerActionText下一步
    registerTextColor#000000

    谢谢

    我首先看到这个设计是伟大的Borisov,并认为它将是很好的,使它在Android应用程序。

    联系我

    我想要添加许多选项来自定义视图,希望很快做到这一点。 你还可以通过邮件联系我: smagnezi8@gmail.com

    许可证

    Copyright 2015 Shem Magnezi
    Licensed under the Apache License, Version 2.0 (the"License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at
     http://www.apache.org/licenses/LICENSE-2.0
    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an"AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.



    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语