Android手机QQ界面设计
Android手机开发布局是存放一个或多个子对象及某种行为的容器,行为描述了如何将这些子对象放置在屏幕上其父对象的矩形区域中。下面列出了Android中最常用的几种布局。
FrameLayout(框架布局):从屏幕的左上角开始显示子对象,主要用于选项卡视图和图像切换器。
LinearLayout(线性布局):以单列或单行的形式显示子对象,这是最常用的布局方式。
RelativeLayout(相对布局):以相对于其他子对象或父对象的位置显示子对象,这种布局通常用于表单中。
TableLayout(表格布局):以多行和多列的方式显示子对象,类似于HTML表格。
下面是我实现的一个手机QQ界面布局:(请查看文章下方的附件图片)
<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout android:orientation="vertical" android:id="@+id/loginRoot"
android:layout_width="fill_parent" android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android:orientation="vertical" android:id="@+id/LinearLayout01"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:layout_weight="1.0"
android:background="@drawable/default_bg">
<RelativeLayout android:id="@+id/RelativeLayout02"
android:background="@drawable/login_back" android:paddingTop="21.0px"
android:paddingBottom="10.0px" android:layout_width="fill_parent"
android:layout_height="wrap_content" android:layout_marginLeft="15.0px"
android:layout_marginTop="62.0px" android:layout_marginRight="15.0px">
<ImageView android:id="@+id/faceImg" android:background="@drawable/login_head"
android:layout_width="wrap_content" android:layout_height="wrap_content" />
<EditText android:id="@+id/login_edit_account"
android:background="@drawable/qq_edit_login" android:paddingLeft="45.0sp"
android:saveEnabled="true" android:layout_width="fill_parent"
android:layout_height="wrap_content" android:layout_marginLeft="5.0dip"
android:layout_marginTop="5.0dip" android:layout_marginRight="5.0dip"
android:layout_marginBottom="5.0px" android:hint="@string/strInputAccHint"
android:maxLength="10" android:layout_toRightOf="@+id/faceImg"
android:layout_alignParentTop="true" android:inputType="number" />
<TextView android:textSize="16.0dip" android:textColor="#ff3f3f3f"
android:gravity="center_vertical" android:id="@+id/TextView01"
android:paddingLeft="7.0sp" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_marginRight="15.0sp"
android:text="@string/strAccInputLabel" android:layout_alignLeft="@+id/login_edit_account"
android:layout_alignTop="@+id/login_edit_account"
android:layout_alignBottom="@+id/login_edit_account" />
<ImageButton android:id="@+id/ImageButton02"
android:background="@drawable/more_select" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_marginRight="1.0dip"
android:layout_alignTop="@+id/login_edit_account"
android:layout_alignRight="@+id/login_edit_account"
android:layout_alignBottom="@+id/login_edit_account" />
<EditText android:id="@+id/login_edit_pwd"
android:background="@drawable/qq_edit_login" android:paddingLeft="45.0sp"
android:saveEnabled="true" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_marginRight="1.0dip"
android:maxLength="16" android:layout_below="@+id/login_edit_account"
android:layout_alignLeft="@+id/login_edit_account"
android:layout_alignRight="@+id/login_edit_account"
android:inputType="textPassword" />
<TextView android:textSize="16.0dip" android:textColor="#ff3f3f3f"
android:gravity="center_vertical" android:id="@+id/TextView02"
android:paddingLeft="7.0sp" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:text="@string/strPswInputLabel"
android:layout_alignTop="@+id/login_edit_pwd"
android:layout_alignRight="@+id/TextView01"
android:layout_alignBottom="@+id/login_edit_pwd" />
<CheckBox android:textSize="16.0sp" android:textColor="#ff222222"
android:id="@+id/login_cb_savepwd" android:paddingLeft="25.0px"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:checked="true" android:button="@drawable/qq_btn_check"
android:text="@string/opt_remember" android:layout_alignBaseline="@+id/login_btn_login" />
<Button android:id="@+id/login_btn_login" android:layout_width="130.0px"
android:layout_height="42.0px" android:layout_marginTop="7.0px"
android:layout_marginRight="12.0dip" android:text="@string/login"
android:layout_below="@+id/TextView02"
android:layout_alignParentRight="true" />
</RelativeLayout>
<TableLayout android:id="@+id/TableLayout01"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:layout_marginLeft="20.0px" android:layout_marginRight="20.0px"
android:stretchColumns="1">
<TableRow>
<CheckBox android:textColor="#7fffffff" android:id="@+id/login_cb_visible"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text="@string/opt_hideLogin" style="@style/MyCheckBox" />
<CheckBox android:textColor="#7fffffff"
android:layout_gravity="right" android:id="@+id/login_cb_openvibra"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text="@string/opt_openVibra" style="@style/MyCheckBox" />
</TableRow>
<TableRow>
<CheckBox android:textColor="#7fffffff" android:id="@+id/login_cb_receivegroupmsg"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text="@string/opt_acceptGroupMsg" style="@style/MyCheckBox" />
<CheckBox android:textColor="#7fffffff"
android:layout_gravity="right" android:id="@+id/login_cb_quite"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:text="@string/opt_silent" style="@style/MyCheckBox" />
</TableRow>
</TableLayout>
</LinearLayout>
<RelativeLayout android:id="@+id/RelativeLayout01"
android:background="@drawable/bottom" android:layout_width="fill_parent"
android:layout_height="44.0dip">
<ImageButton android:id="@+id/login_option"
android:background="@drawable/option" android:clickable="true"
android:layout_width="wrap_content" android:layout_height="wrap_content"
android:layout_marginLeft="13.0dip" android:layout_marginTop="2.0dip"
android:layout_centerVertical="true" />
</RelativeLayout>
</LinearLayout>
package com.android.test.login;
import android.app.Activity;
import android.os.Bundle;
public class Date extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.loginpage);
}
}
<!--EndFragment-->
- 大小: 178.1 KB
分享到:
相关推荐
适合初学者android开发,主要是手机qq登陆界面的设计,对初学者来说非常有用的
仿手机QQ界面,android基础,含主页、联系人、聊天等界面。适合初学android,用于熟悉android各种基础控件知识。
这个资源主要是使用Android模拟开发了一个QQ登录界面的小案例。 内容概要:了解基础Android组件的使用,以及shape和selector组件美化。 适合人群:初学Android开发的小萌新,可以利用这个小案例巩固Android基础控件...
模拟手机QQ登录和主界面显示;主要包含手机QQ登录界面的设计、Intent的显式跳转和隐式跳转、EditText点击小图标清除输入框内容、EditText密码输入框中密码可见与不可见的切换、使用Fragment实现底部导航栏切换界面、...
仿照android手机qq的界面 适合与初学者 加强界面的优化
前几年的Android应用源码Demo,主要面向的是学生毕业设计学习。
Android仿QQ微信登录界面效果,主要是基于对布局main.xml上控件的操作,模拟出了微信整体的登录界面样式和风格,包括了登录时的弹框和提示,以及文字变颜色等功能,是学习android手机界面设计方面的一个参考范例。...
Android精仿QQ设置界面,只是仿的界面,包括了对android ui界面中一些基本组件的使用,比如checkbox等,这个设置界面参考了手机QQ Android版听功能布局、界面布局,编程者可参考本示例,将此界面编写技巧应用于其它...
实现手机qq分享app应用,图片,网站链接等信息
这是一款精仿手机QQ的登录界面,Android源码下载,Java写的代码,学习Android应用编程的时候写的仿Android手机QQ登录界面,想运行的请把代码拷贝到手机上运行,只需要拷贝APK文件即可。
android 版 手机QQ 附客户端(源码)和服务端 界面基本和QQ一样
包括: QQ聊天界面,滑动模块,个人资料设置,头像选择,分组管理,搜索功能,客服反馈。
在eclipse平台上实现的QQ个人设置界面
Android仿QQ用户帐号登录界面效果,附上完整的源代码,本实例中的实现方法比较简单,主要是调用一张图片来实现登录界面,另外还添加了一些按钮的美化效果,虽然很简单的例子,但对于android手机界面编程打基础,是挺...
Android 仿手机QQ动态背景登录界面,视频背景gif背景源码
闲来无事花了一点空暇时间写了一个模仿Android版手机QQ的表情输入框 地址:http://blog.csdn.net/shallcheek/article/details/48380871
实现一个简易仿qq登录界面,要求实现: 1) 登录界面有帐号、密码文本和编辑框,登录和退出按钮。在程序中维护一个帐号密码的数组,用以判断正确登录与否。如果登录成功,则进入qq主界面,否则清空帐号和密码编辑框,...
本项目是基于Android的低仿腾讯手机QQ设计源码,包含270个文件,其中主要包含94个png图片文件,81个xml配置文件,47个java源代码文件等。系统采用了Android和Java编程语言,实现了低仿腾讯手机QQ的功能,包括聊天...
Android手机安全卫士--splash界面实现
Android手机QQ源码,演示了Android布局-QQ。界面很炫,仿真腾讯手机QQ客户端,需要学习Android开发的人,这个是一个不错的例子