资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

使用TextInputLayout分分钟构造一个酷炫登录框架-创新互联

Google在2015的IO大会上,给我们带来了更加详细的Material Design设计规范,同时,也给我们带来了全新的Android Design Support Library,Android Design Support Library的兼容性更广,直接可以向下兼容到Android 2.2

成都网站设计、网站制作过程中,需要针对客户的行业特点、产品特性、目标受众和市场情况进行定位分析,以确定网站的风格、色彩、版式、交互等方面的设计方向。创新互联还需要根据客户的需求进行功能模块的开发和设计,包括内容管理、前台展示、用户权限管理、数据统计和安全保护等功能。

下面我们用TextInputLayout构造一个酷炫的登录框架

先上效果图:

使用TextInputLayout分分钟构造一个酷炫登录框架

要使用Design Support Library现在gradle中加入

compile 'com.android.support:design:23.4.0'

登录页面的布局:

  
  
  
      
  
      
  
          
      
  
      
  
          
      
  
      
  
      

TextInputLayout 继承于LinearLayout也是一个布局,要配合它的子控件来显示出想要的效果,这里谷歌把它专门设计用来包裹EditText(或者EditText的子类),然后当用户进行输入动作的时候我们设置的android:hint 提示就会以动画的形式运动到左上角

public class MainActivity extends AppCompatActivity {  
    private Button button;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        setTitle("Login");  
        button=(Button)findViewById(R.id.login);  
        button.setOnClickListener(new View.OnClickListener() {  
            @Override  
            public void onClick(View v) {  
                Toast.makeText(MainActivity.this,"Login Successful",Toast.LENGTH_SHORT).show();  
            }  
        });  
    }  
  
    //注册
    public void register(View view){  
        startActivity(new Intent(this,RegisterAcitvity.class));  
    }  
}

很简单,只是为了画个框架,可以根据需求自己完善

下面是注册页面的布局:

  
  
  
      
  
          
      
  
      
  
          
      
  
      
  
          
      
  
      
  
          
      
  
      
  
          
  
          
      
  
      

android:singleLine="true"属性设置单行显示

设置app:counterEnabled="true" 打开Edittext右下角字数统计,app:counterMaxLength="6"设置它的长度

但要谨记,使用这个功能的时候必须加上 app:counterOverflowTextAppearance属性,不然程序很报错

自定义ErrorStyle样式:

  
     @color/colorAccent  

当然,如果想要修改Edittext框的选中颜色可以修改AppTheme中的colorAccent属性

  
          
        @color/colorPrimary  
        @color/colorPrimaryDark  
        @color/colorPrimary  

源码地址:http://down.51cto.com/data/2222023

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页题目:使用TextInputLayout分分钟构造一个酷炫登录框架-创新互联
文章出自:http://cdkjz.cn/article/gsssc.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220