Google在2015的IO大会上,给我们带来了更加详细的Material Design设计规范,同时,也给我们带来了全新的Android Design Support Library,Android Design Support Library的兼容性更广,直接可以向下兼容到Android 2.2
网站建设哪家好,找成都创新互联公司!专注于网页设计、网站建设、微信开发、微信平台小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了曲周免费建站欢迎大家使用!
下面我们用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样式:
当然,如果想要修改Edittext框的选中颜色可以修改AppTheme中的colorAccent属性
源码地址:http://down.51cto.com/data/2222023
名称栏目:使用TextInputLayout分分钟构造一个酷炫登录框架
网页URL:http://scyingshan.cn/article/joscee.html