上一篇:Android菜鸟的成长笔记(2)——第一个Android应用
我们前面已经做了第一个Android应用程序,虽然有点像QQ的登录界面,但是很多地方还是很难看,这一篇咱们来将这个界面做成一个标准的商业界面,并一起来了解Android中的代码运行的原理。
好吧,咱们开始吧,首先启动模拟器,为了让咱们的界面和QQ的登录界面一样我下载了一个QQ的apk文件,下面咱们将这个apk安装到我们的模拟器上,看看效果。
怎么将apk安装到我们的模拟器上面呢?先给大家介绍一个SDK自带的工具adb
如下图所示这个工具在sdk/platform-tools/下面
好吧直接双击怎么一闪而过呢?这是因为我们没有在环境变量里面配置,还记得前面配置JDK的环境变量吗?我们暂时先不配置
按住 开始+R 出现如下输入框,输入cmd然后确定
好了,我们现在进入到window的控制台了,如下图所示:
在这里用dos下面的命令:
D: 到D盘
cd xxx 到xxx目录
下面开始正式安装我们的apk文件,我将QQ的apk文件放在D盘的根目录
将apk文件安装到模拟器
可以看到Success这说明我们已经安装成功了,下面我们来打开模拟器上的QQ并到登录界面
其实有一种很好的学习方式就是抄袭,好吧,如果你认同我的观点下面我们就来抄袭一下QQ是怎么做的
在抄袭别人之前还必须有一定的技术,不然抄不过来的哦。呵呵,开个玩笑,其实这个很简单。再给大家介绍一个SDK自动的工具。
关于这个工具的详细请看我的另一篇博文:关于HierarchyViewer的使用
好了启动HierarchyViewer之后如图,我们选择QQ安装包,然后点击Load View Hierarchy菜单
我们可以找到我们想要的界面的组件,比如上面的QQ头像
好吧下面我们就一个一个仿照QQ的组件来修改我们的组件,修改好的xml布局文件如下
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:gravity="center_horizontal"
android:background="#eeeeee">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/login_default_avatar"
android:layout_marginTop="20dip"
android:background="@drawable/qzone_bg_user_avatar"/>
<RelativeLayout
android:layout_marginTop="13dip"
android:layout_width="match_parent"
android:layout_height="match_parent">
<RelativeLayout
android:id="@+id/input_edit_text"
android:layout_centerHorizontal="true"
android:layout_width="270dip"
android:layout_height="100dip"
android:paddingTop="15dip"
android:background="@drawable/login_input">
<LinearLayout
android:id="@+id/input_account"
android:layout_width="match_parent"
android:paddingLeft="15dip"
android:layout_height="40dip">
<TextView
android:layout_width="40dip"
android:textColor="#cccccc"
android:layout_height="wrap_content"
android:text="@string/account"/>
<EditText
android:layout_width="0dip"
android:layout_height="40dip"
android:layout_weight="1"
android:background="@null"/>
</LinearLayout>
<ImageView
android:id="@+id/input_center_line"
android:layout_below="@id/input_account"
android:layout_width="match_parent"
android:layout_height="1dip"
android:background="@drawable/qb_tenpay_trans_records_open"/>
<LinearLayout
android:layout_below="@id/input_center_line"
android:paddingLeft="15dip"
android:layout_width="match_parent"
android:layout_height="40dip">
<TextView
android:layout_width="40dip"
android:textColor="#cccccc"
android:layout_height="wrap_content"
android:text="@string/password"/>
<EditText
android:layout_width="0dip"
android:layout_height="40dip"
android:layout_weight="1"
android:background="@null"/>
</LinearLayout>
</RelativeLayout>
<LinearLayout
android:layout_below="@id/input_edit_text"
android:layout_marginTop="20dip"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center">
<Button
android:layout_width="270dip"
android:layout_height="40dip"
android:text="@string/login_button"
android:background="@drawable/login_button_nor"
/>
</LinearLayout>
</RelativeLayout>
</LinearLayout>
现在的界面如下:
这个界面和真真的QQ界面还有点不同的就是上面的标题myFirstApp,怎么去掉这个标题呢?
有关主题和去掉actionBar详细请看我的另一篇博文:Android中去掉标题的方法总结
我直接用第二种方法,在AndroidMainfest.xml文件中的<appliaction>中添加如下属性:
android:theme="@android:style/Theme.NoTitleBar"
现在的运行效果如下:
这个界面比上一个界面好多了吧!下一篇将介绍实现界面的主要组件及使用方法。
源代码下载:http://download.csdn.net/detail/lxq_xsyu/6762549
下一篇:
分享到:
相关推荐
菜鸟成长手册2009——CPU-内存-硬盘篇 - 硬件知识精华菜鸟成长手册2009——CPU-内存-硬盘篇 - 硬件知识精华菜鸟成长手册2009——CPU-内存-硬盘篇 - 硬件知识精华菜鸟成长手册2009——CPU-内存-硬盘篇 - 硬件知识精华...
Android菜鸟成长笔记(十三)——碎片(一)一篇完整源码 地址:http://blog.csdn.net/zenail501129/article/details/25473829 保证代码正确。
Android菜鸟的成长笔记——Spinner 省市县三级地址选择-附件资源
php程序员菜鸟成长手记——php入门教程
菜鸟也玩LINUX——brk()漏洞重提.pdf
菜鸟构建个人网站——“纯真年代”建站全过程(五).pdf
菜鸟先飞笔记——金融生学神经网络keras一、下载Anaconda二、安装三 、准备工作四、安装keras五、试运行 一、下载Anaconda 下载链接:清华镜像。按照自己系统选择最新版的anaconda3。 二、安装 默认安装,可以自己...
嵌入式系统开发之道菜鸟成长日志与项目经理的私房菜pdf文件,非扫描版哦, 对开发者还是有些帮助的。
尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用,小编自己整理的李立超老师视频的笔记,手打不易,那就望您每年快乐吧。逃) 一、进制 1.十进制(日常使用): 特点:满10进1 计数:0 1 ...
菜鸟笔记-DuReader阅读理解基线模型代码阅读笔记(一)——数据 菜鸟笔记-DuReader阅读理解基线模型代码阅读笔记(二)—— 介绍及分词 菜鸟笔记-DuReader阅读理解基线模型代码阅读笔记(三)—— 预处理 菜鸟笔记-...
CCNA菜鸟笔记2006修正版.pdf CCNA菜鸟笔记2006修正版.pdf CCNA菜鸟笔记2006修正版.pdf
QQ登录界面(仅UI)
以新人小艾为主角,从小艾的视角出发展开讨论。小艾是一位新入职的菜鸟测试工作者,他面对着测试这一未知的领域,在导师的...小艾的成长经历贯穿了测试的各个领域,理论与实践并重,将测试以一个完整的体系展现给读者。
电子版的Python GUI设计之Tkinter菜鸟编程,一般是扫描图片组成的PDF或网页版 ,不支持查找操作,特整理成Word版并分享。
这个编程规范很不错,让你知道书上的程序和网上的程序的那些编排,变量的定义为什么是这样定义,因为你不知道在程序界有他们共同的规定,当你了解了这篇文章你的程序会突飞猛进,会让别人一看就是专业人员写出来的...
菜鸟也能玩硬件——CPU篇.pdf
菜鸟学习ARM——安装交叉编译链记录,及编译jpeg
菜鸟成长手册2009,共包括主板篇,硬盘篇,显卡篇,内存篇,CPU篇5个独立篇章,非常精彩,含大量图片讲解。
.net,c#新手菜鸟mvc5的仓库管理系统 so easy 。简单,不懂就问多看