Android(安卓)simple implementation Dropium - iOS7 Login
16lz
2021-01-25
前段时间在公司做登陆注册界面的时候在网上看到一个很不错的登陆界面,简洁,颜色搭配的很棒,很喜欢,后来在花瓣网看到才知道这个界面是Dropium - iOS7 Login screen,是IOS7登录界面,自己用Android简单实现了下,做过的或会做的大神可以直接飘过。
先从上到下说说用到的一些控件:
1。水滴图案是一个ImageView,设置一张水滴图案图片(图片是我直接抠图抠下来的)。
2。两个EditText,加了圆角和边框背景样式。
3。一个Button,加了圆角、边框和渐变色背景样式。
4。水滴图案下面和按钮下面的都是TextView。
下面是布局文件:login_activity.xml
<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="#323d4c"android:orientation="vertical"><ImageViewandroid:layout_width="250dip"android:layout_height="80dip"android:layout_marginBottom="10dip"android:layout_marginLeft="35dip"android:layout_marginTop="50dip"android:src="@drawable/corp_logo"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:text="DROPIUM"android:textColor="#98a4b5"android:textSize="18sp"/><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="50dip"android:layout_marginLeft="30dip"android:layout_marginRight="30dip"android:layout_marginTop="40dip"android:background="#00000000"android:gravity="center_vertical"android:orientation="horizontal"><EditTextandroid:layout_width="0dip"android:layout_height="fill_parent"android:layout_weight="5"android:background="@drawable/layout_edit"android:gravity="center"android:hint="Username"android:textColorHint="#AAAAAA"android:textSize="16sp"/></LinearLayout><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="50dip"android:layout_marginLeft="30dip"android:layout_marginRight="30dip"android:layout_marginTop="20dip"android:background="#00000000"android:gravity="center_vertical"android:orientation="horizontal"><EditTextandroid:layout_width="0dip"android:layout_height="fill_parent"android:layout_weight="5"android:background="@drawable/layout_edit"android:gravity="center"android:hint="●●●●●●●●"android:inputType="textPassword"android:singleLine="true"android:textColorHint="#AAAAAA"android:textSize="16sp"/></LinearLayout><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_marginLeft="30dip"android:layout_marginRight="30dip"android:layout_marginTop="20dip"><Buttonandroid:layout_width="fill_parent"android:layout_height="45dip"android:layout_centerHorizontal="true"android:layout_centerVertical="true"android:background="@drawable/layout_lg"android:text="LogIn"android:textColor="#FFFFFF"android:textSize="22sp"/></RelativeLayout><TextViewandroid:layout_width="wrap_content"android:layout_height="20dip"android:layout_marginLeft="72dip"android:layout_marginTop="15dip"android:text="Forgotyoupassword?"android:textColor="#98a4b5"android:textSize="18sp"/></LinearLayout>
样式文件:layout_edit.xml
<?xmlversion="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><!--填充--><solidandroid:color="#FFFFFF"/><!--边框--><strokeandroid:width="0.8dip"android:color="#3D4148"/><!--圆角--><cornersandroid:bottomLeftRadius="25dip"android:bottomRightRadius="25dip"android:topLeftRadius="25dip"android:topRightRadius="25dip"/></shape>
样式文件:layout_lg.xml
<?xmlversion="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><!--边框--><strokeandroid:width="0.8dip"android:color="#3D4148"/><!--渐变色--><gradientandroid:angle="0"android:centerX="0.5"android:centerY="0.5"android:endColor="#33FFFF"android:startColor="#00FF99"android:type="linear"/><!--圆角--><cornersandroid:bottomLeftRadius="25dip"android:bottomRightRadius="25dip"android:topLeftRadius="25dip"android:topRightRadius="25dip"/><!--边距--><paddingandroid:left="5dip"android:top="5dip"android:right="5dip"android:bottom="5dip"/></shape>
原图链接:http://huaban.com/pins/142866107/
更多相关文章
- android drawable xml文件 之 shape
- android spinner 样式完全自定义[包括RadioButton和RatingBar效
- 自定义的ActionBar
- 安卓开发学习之014 Button应用详解(样式、背景、按钮单击、长按、
- 怎样使用LinearLayout的ButtonBar样式
- (转)Android中Dialog的“生命周期”
- Android之高德地图自定义样式
- android listview多种布局 getViewTypeCount和getItemViewType
- Android(安卓)中图可以用到的图片处理类 BitmapUtils