效果图:
1、UI界面设计
采用RelativeLayout布局,主要说中间这块输入账号与密码的设计。
分别采用两个LinearLayout,在往里加上控件,调整位置。
那条灰色的线通过控件View实现。
这里首先隐藏了删除按钮的图片,如果输入数据的 时候,自然会显示出来。
android:visibility="invisible"
还有一些自己添加的style与color。
button.xml:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!--设置背景色-->
<solid android:color="#2634c2" />
<!--设置圆角-->
<corners android:radius="10dip" />
<stroke android:width="1dp" android:color="#4e4d56" />
</shape>
color.xml:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimary">#5c5f6c</color>
<color name="colorPrimaryDark">#303F9F</color>
<color name="colorAccent">#FF4081</color>
<color name="colorButton">#2634c2</color>
<color name="background">#ddefeeee</color>
</resources>
style.xml:
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimaryDark</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
<style name="MyEditText" parent="Theme.AppCompat.Light">
<item name="colorControlNormal">@android:color/darker_gray</item>
<item name="colorControlActivated">@android:color/darker_gray</item>
</style>
<style name="MyCheckBox" parent="Theme.AppCompat.Light">
<item name="colorControlNormal">@android:color/darker_gray</