2.仿微信--登录界面(LoginActivity)布局界面的实现
来源:互联网 发布:加拿大经济数据 编辑:程序博客网 时间:2024/06/05 09:04
1.登录界面LoginActivity.java(具体逻辑后边实现,随便输入信息点击登陆进入主界面)
/** * 登陆页面 * */public class LoginActivity extends Activity { private EditText et_usertel; private EditText et_password; private Button btn_login; private Button btn_qtlogin; ProgressDialog dialog; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_login); dialog = new ProgressDialog(LoginActivity.this); et_usertel = (EditText) findViewById(R.id.et_usertel); et_password = (EditText) findViewById(R.id.et_password); btn_login = (Button) findViewById(R.id.btn_login); btn_qtlogin = (Button) findViewById(R.id.btn_qtlogin); // 监听多个输入框 et_usertel.addTextChangedListener(new TextChange()); et_password.addTextChangedListener(new TextChange()); btn_login.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) {startActivity(new Intent(LoginActivity.this, MainActivity.class)); } }); btn_qtlogin.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { startActivity(new Intent(LoginActivity.this, RegisterActivity.class)); } }); } // EditText监听器 class TextChange implements TextWatcher { @Override public void afterTextChanged(Editable arg0) { } @Override public void beforeTextChanged(CharSequence arg0, int arg1, int arg2, int arg3) { } @Override public void onTextChanged(CharSequence cs, int start, int before, int count) { boolean Sign2 = et_usertel.getText().length() > 0; boolean Sign3 = et_password.getText().length() > 0; if (Sign2 & Sign3) { btn_login.setTextColor(0xFFFFFFFF); btn_login.setEnabled(true); } // 在layout文件中,对Button的text属性应预先设置默认值,否则刚打开程序的时候Button是无显示的 else { btn_login.setTextColor(0xFFD0EFC6); btn_login.setEnabled(false); } } }}
2.在AndroidManifest.xml中注册
<activity android:name=".LoginActivity" android:theme="@android:style/Theme.NoTitleBar" />
3.布局文件activity_login.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" android:orientation="vertical" > <RelativeLayout android:id="@+id/title" android:layout_width="match_parent" android:layout_height="@dimen/height_top_bar" android:background="@color/common_top_bar_blue" > <ImageView android:id="@+id/iv_back" android:layout_width="40dp" android:layout_height="match_parent" android:layout_alignParentLeft="true" android:layout_centerVertical="true" android:onClick="back" android:paddingBottom="5dp" android:paddingLeft="5dp" android:paddingRight="5dp" android:paddingTop="5dp" android:scaleType="centerInside" android:src="@drawable/top_bar_back" /> <View android:id="@+id/view_temp" android:layout_width="1dp" android:layout_height="match_parent" android:layout_marginBottom="8dp" android:layout_marginTop="8dp" android:layout_toRightOf="@id/iv_back" android:background="#14191A" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginLeft="10dp" android:layout_toRightOf="@id/view_temp" android:text="使用手机号登录" android:textColor="#ffffff" android:textSize="18sp" /> </RelativeLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="12dp" > <RelativeLayout android:layout_width="match_parent" android:layout_height="48dp" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginLeft="10dp" android:text="国家和地区" android:textColor="#353535" android:textSize="16sp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="10dp" android:text="中国" android:textColor="#45c01a" android:textSize="16sp" /> <View android:layout_width="match_parent" android:layout_height="0.1dp" android:layout_alignParentBottom="true" android:background="#dbdbdb" /> </RelativeLayout> <RelativeLayout android:layout_width="match_parent" android:layout_height="48dp" > <EditText android:id="@+id/et_usertel" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerVertical="true" android:background="@drawable/edittext_login" android:hint="你的手机号码" android:inputType="phone" android:paddingLeft="90dp" android:singleLine="true" android:textColorHint="#DDDDDD" android:textSize="16sp" android:textCursorDrawable="@null"/> <TextView android:layout_width="90dp" android:layout_height="wrap_content" android:layout_alignLeft="@id/et_usertel" android:layout_centerVertical="true" android:layout_marginLeft="24dp" android:text="+86" android:textColor="#353535" android:textSize="16sp" /> </RelativeLayout> <RelativeLayout android:layout_width="match_parent" android:layout_height="48dp" > <EditText android:id="@+id/et_password" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerVertical="true" android:background="@drawable/edittext_login" android:hint="填写密码" android:paddingLeft="90dp" android:password="true" android:singleLine="true" android:textColorHint="#DDDDDD" android:textSize="16sp" android:textCursorDrawable="@null" /> <TextView android:id="@+id/tv_password" android:layout_width="90dp" android:layout_height="wrap_content" android:layout_alignLeft="@id/et_password" android:layout_centerVertical="true" android:layout_marginLeft="10dp" android:text="密码" android:textColor="#353535" android:textSize="16sp" /> </RelativeLayout> <Button android:id="@+id/btn_login" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="24dp" android:background="@drawable/btn_register_bg" android:enabled="false" android:paddingBottom="7dp" android:paddingTop="7dp" android:text="登录" android:textColor="@android:color/white" android:textSize="18sp" /> <TextView android:id="@+id/tv_wenti" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right" android:layout_marginTop="10dp" android:text="登录遇到问题?" android:textColor="#576B95" android:textSize="14sp" /> </LinearLayout> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" > <Button android:layout_margin="33dp" android:padding="8dp" android:background="@drawable/btn_qtlogin_bg" android:id="@+id/btn_qtlogin" android:layout_width="wrap_content" android:layout_height="33dp" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginTop="10dp" android:text="注册" android:textColor="#353535" android:textSize="15sp" /> </RelativeLayout></LinearLayout>
4.布局文件里涉及到的资源文件
dimens.xml文件
<dimen name="height_top_bar">48dp</dimen>
color.xml
<color name="common_top_bar_blue">#22292c</color>
drawable目录下:
top_bar_back.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:drawable="@drawable/ac1" /> <item android:state_selected="true" android:drawable="@drawable/ac1" /> <item android:drawable="@drawable/ac0" /></selector>
edittext_login.xml
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:drawable="@drawable/wo" android:state_focused="true"/> <item android:drawable="@drawable/wp"/> </selector>
btn_register_bg.xml
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/yuanjiao_3" android:state_pressed="true"/> <item android:drawable="@drawable/yuanjiao_1" android:state_enabled="false"/> <item android:drawable="@drawable/yuanjiao_2" android:state_enabled="true"/> <item android:drawable="@drawable/yuanjiao_1"/></selector>
btn_qtlogin_bg.xml
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/yuanjiao_4" android:state_pressed="true"/> <item android:drawable="@drawable/yuanjiao_5"/></selector>yuanjiao_1.xml
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:drawable="@drawable/ac1" /> <item android:state_selected="true" android:drawable="@drawable/ac1" /> <item android:drawable="@drawable/ac0" /></selector>yuanjiao_2.xml
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" > <solid android:color="#45C01A" /> <corners android:bottomLeftRadius="1dp" android:bottomRightRadius="1dp" android:topLeftRadius="1dp" android:topRightRadius="1dp" /></shape>
yuanjiao_3.xml
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" > <solid android:color="#027A0B" /> <corners android:bottomLeftRadius="1dp" android:bottomRightRadius="1dp" android:topLeftRadius="1dp" android:topRightRadius="1dp" /></shape>
yuanjiao_4.xml
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" > <solid android:color="#F1F1F1" /> <corners android:bottomLeftRadius="1dp" android:bottomRightRadius="1dp" android:topLeftRadius="1dp" android:topRightRadius="1dp" /></shape>
yuanjiao_5.xml
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" > <solid android:color="#F0F0F0" /> <corners android:bottomLeftRadius="1dp" android:bottomRightRadius="1dp" android:topLeftRadius="1dp" android:topRightRadius="1dp" /></shape>
5.最后,在SplashActivity.java中修改在onStart()方法中修改
//进入登录页面startActivity(new Intent(SplashActivity.this,LoginActivity.class));
0 0
- 2.仿微信--登录界面(LoginActivity)布局界面的实现
- 一步一步开发安卓应用 登录界面的功能 (LoginActivity)
- 一个布局的例子(登录界面)
- 登录界面的实现
- 登录界面的实现
- android开发利用tablelayout布局实现登录界面
- Android Studio 表格布局实现登录界面
- QQ登录界面布局
- QQ 登录界面布局
- QQ 登录界面布局
- 登录客户端界面布局
- 登录+注册界面的实现(代码)
- minitwitter登录界面的实现
- Android 登录界面的实现
- miniTwitter登录界面的实现
- Boostrap实现的登录界面
- Android登录界面的实现
- 手机登录界面的实现
- 机器学习那些事——文本挖掘中的特征提取
- 使用 Spring 进行单元测试
- 从PowerDesigner概念设计模型(CDM)中的3种实体关系说起
- Algorithms—18.4Sum
- JavaDoc文档编写学习
- 2.仿微信--登录界面(LoginActivity)布局界面的实现
- bzoj-1125 Poc
- iOS 获取文件的目录路径的几种方法
- 导航栏遮盖的问题 swift
- spring中的ResourceBundleMessageSourc
- xtreme toolkit pro——CXTPReportControl控件教程-3
- 快速排序
- 【IOS】 TableView and sectionIndex 的使用
- 黑马程序员——Objective--C基础笔记之内存管理(一)