这次Android要求做一个音乐播放器,这次简单实现登录界面。
在这现放出部分内容。仅供大家参考
登录界面主要布局
1、 提示语:
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/text1"
android:textSize="30sp"
android:layout_gravity="center"
android:layout_marginTop="150dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/text1_1"
android:textSize="30sp"
android:layout_gravity="center"
android:layout_marginTop="1dp" />
2、 账号和密码框:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_marginTop="0dp">
<EditText
android:id="@+id/login_userpassword"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:hint="Password"
android:paddingLeft="40dp"
android:password="true"
android:background="@drawable/etb_shape"/>
<ImageView
android:id="@+id/login_user_password"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_centerVertical="true"
android:layout_marginLeft="8dp"
android:src="@drawable/password"
/>
<ImageView
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_centerVertical="true"
android:layout_marginLeft="25dp"
android:src="@drawable/shu"
/>
</RelativeLayout>
3、 登录按钮
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:orientation="horizontal"
android:layout_marginTop="20dp">
<Button
android:id="@+id/button1"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:background="@drawable/bt_shape"
android:text="@string/signin"
android:textColor="#E44FA1"
android:layout_gravity="center"/>
</LinearLayout>
4、创建账号和忘记密码跳转按钮
<TextView
android:id="@+id/forgot"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="@string/text5"
android:textColor="#E44FA1"/>
<TextView
android:id="@+id/register"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="@string/text6"
android:textColor="#E44FA1"/>
5、 登录界面如图
注册页面主要布局
1、文字提示描述
<TextView
android:layout_marginTop="40dp"
android:id="@+id/text8"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/gotoLogin"
android:gravity="center"
android:textSize="22dp"
android:text="@string/text8"
/>
<TextView
android:id="@+id/text9"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:gravity="center"
android:textSize="22dp"
android:text="@string/text9"
/>
<TextView
android:id="@+id/text10"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:textSize="22dp"
android:layout_marginTop="125dp"
android:text="@string/text10"
/>
2、注册信息布局
<!--用户名-->
<TextView
android:id="@+id/testID"
android:layout_width="wrap_content"
android:layout_height="30dp"
android:gravity="center"
android:text="@string/text2" />
<EditText
android:id="@+id/login_username"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_below="@id/testID"
android:layout_gravity="center"
android:textSize="10dp"
android:background="@drawable/et_shape"
android:hint="OMusic ID"
android:paddingLeft="40dp" />
<ImageView
android:id="@+id/login_user_name"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_below="@id/testID"
android:layout_marginLeft="8dp"
android:layout_marginTop="10dp"
android:src="@drawable/mail" />
<ImageView
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_below="@id/testID"
android:layout_marginLeft="25dp"
android:layout_marginTop="10dp"
android:src="@drawable/shu" />
其他类似
3、注册页面如图
找回账号或密码
这里做得比较简陋,后期可以添加功能