接着上一篇《是男人就下100层【第一层】——高仿微信界面(1)》,本打算实现上一篇文章中的第二个界面,这一篇先来实现一下登陆界面吧,接下来我们来开始登录界面的制作。
界面布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearLayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:orientation="vertical"
android:background="#eee" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center" >
<ImageView
android:layout_width="80dp"
android:layout_height="80dp"
android:src="@drawable/copyright" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:text="微信"
android:textColor="#000000"
android:textSize="35sp" />
</LinearLayout>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:gravity="center"
android:text="CSDN 阳光小强"
android:textColor="#000"
android:textSize="30dp" />
<Button
android:id="@+id/main_login_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/btn_style_green"
android:gravity="center"
android:paddingLeft="130dp"
android:paddingRight="130dp"
android:layout_marginTop="15dp"
android:text="登录"
android:textColor="#ffffff"
android:textSize="18sp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="6dp"
android:text="使用QQ号或者微信号登录"
android:textSize="14sp"
android:textColor="#444" />
<Button
android:id="@+id/main_regist_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:background="@drawable/btn_style_white"
android:gravity="center"
android:paddingLeft="130dp"
android:paddingRight="130dp"
android:text="注册"
android:textColor="#000000"
android:textSize="18sp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="6dp"
android:gravity="center"
android:text="【点击跳转到主界面】\n如果你没有QQ号,请注册"
android:textSize="14sp"
android:textColor="#444" />
</LinearLayout>
上面布局中值得注意的是Button的背景是一个自定义的drawable资源文件
<?xml version="1.0" encoding="UTF-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false" android:drawable="@drawable/btn_style_one_disabled" />
<item android:state_focused="true" android:state_pressed="true" android:drawable="@drawable/btn_style_one_pressed" />
<item android:state_focused="false" android:state_pressed="true" android:drawable="@drawable/btn_style_one_pressed" />
<item android:state_focused="true" android:drawable="@drawable/btn_style_one_focused" />
<item android:state_focused="false" android:drawable="@drawable/btn_style_one_normal" />
</selector>
分别设置了四种状态的背景图片(这里的图片是9patch的,详细请看:http://blog.csdn.net/dawanganban/article/details/17379193)
新建一个Activity
public class LoginActivity extends Activity{
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login);
}
}
上一篇中写的AppStart中启动LoginActivity
public class AppStart extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_start);
new Handler().postDelayed(new Runnable(){
@Override
public void run(){
Intent intent = new Intent (AppStart.this,LoginActivity.class);
startActivity(intent);
AppStart.this.finish();
}
}, 1000);
}
}
运行效果:
源代码下载:http://download.csdn.net/detail/lxq_xsyu/6966619
下一篇:http://blog.csdn.net/dawanganban/article/details/20009241