android 安卓 微信布局 [1]
微信布局
直接上代码吧
---------------------------------------- 头部 -----------------------------------------------
项目 /res/layout 目录下 创建 head.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="50dp"
android:background="#21292c"
android:orientation="horizontal" > <TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:fontFamily="@string/kti"
android:padding="10dp"
android:text="@string/name"
android:textColor="#ffffff"
android:textSize="16sp" /> <TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1" /> <LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:gravity="center" > <ImageView
android:id="@+id/imageView1"
style="@style/headStyle"
android:layout_marginRight="30dp"
android:src="@drawable/fdj" /> <ImageView
android:id="@+id/imageView2"
style="@style/headStyle"
android:layout_marginRight="10dp"
android:src="@drawable/barbuttonicon_add" />
</LinearLayout> </LinearLayout>
head.xml
复制粘贴到自己的项目 发现好多好多的 报编译错误╭(╯^╰)╮
带@什么什么的大多都有配 (良心配方 ☞ ( ̄△ ̄;) )
不急 不急 先来一个一个解决吧 ( ̄m ̄)
项目 下res 文件下 values 文件下 strings.xml 文件
(看到就打开复制粘贴 没看到ㄟ( ▔, ▔ )ㄏ 就在values下面创建一个 strings.xml 文件 .xml 文件啊(σ`д′)σ)
<?xml version="1.0" encoding="utf-8"?>
<resources> <string name="app_name">winxinmff微信界面</string>
<string name="hello_world">Hello world!</string>
<string name="action_settings">Settings</string>
<string name="name">微信</string>
<string name="tongxl">通讯录</string>
<string name="tabbar">发现</string>
<string name="ewo">我</string>
<string name="kti">楷体</string> </resources>
strings.xml
项目 下res文件下 values文件下 styles.xml 文件
(还是那句话 看的就复制粘贴)
<resources xmlns:android="http://schemas.android.com/apk/res/android"> <!-- Base application theme, dependent on API level. This theme is replaced
by AppBaseTheme from res/values-vXX/styles.xml on newer devices. -->
<style name="AppBaseTheme" parent="android:Theme.Light">
<!-- Theme customizations available in newer API levels can go in res/values-vXX/styles.xml,
while customizations related to backward-compatibility can go here.
-->
</style> <!-- Application theme. -->
<style name="AppTheme" parent="AppBaseTheme">
<!-- All customizations that are NOT specific to a particular API-level can go here. -->
</style> <style name="radioStyle">
<item name="android:button">@null</item>
<item name="android:layout_weight">1</item>
<item name="android:gravity">center</item>
<item name="android:textColor">@drawable/text_color</item>
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">match_parent</item>
<item name="android:layout_marginTop">5dp</item>
<item name="android:layout_marginBottom">5dp</item>
<item name="android:textSize">9sp</item>
<item name="android:drawablePadding">5sp</item>
</style> <style name="headStyle">
<item name="android:layout_width">32dp</item>
<item name="android:layout_height">22dp</item>
</style> </resources>
styles.xml
项目下 /res/drawable-hdpi/text_color.xml 文件
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_checked="true" android:color="@color/green"></item>
<item android:state_checked="false" android:color="@color/grey"></item> </selector>
text_color.xml
那啥 和 这玩意还有 是吧
这是图片 有几张是透明图片 自己看着办吧
如:
自己用鼠标拖拉一下就知道了
会用 git 的 可以去下面这个链接里面用 git clone 命令 下载图片
https://github.com/littleSeven7/sevenTeam 这个链接是它里面的图片
不管用什么方法下载下来
把图片放在 项目/res/drawable-hdpi下面 它会自动生成R文件
名字什么的就自己改改啦 <( ̄︶ ̄)>
头部的版就排成这样呐 o( ̄ヘ ̄o#) 感觉也不容易啊 (希望以后还看得懂)
排完头部 那就排底部 (先说好 自我感觉它比较麻烦 (ಥ _ ಥ) )
---------------------------------------- 底部 -----------------------------------------------
项目下 /res/layout/bottom.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:orientation="vertical" > <RadioGroup
android:id="@+id/radioButton1"
android:layout_width="match_parent"
android:layout_height="55dp"
android:background="@drawable/group_buton_nomal"
android:gravity="center"
android:orientation="horizontal"
> <RadioButton
android:id="@+id/radioButton2"
style="@style/radioStyle"
android:checked="true"
android:drawableTop="@drawable/tab_weixin"
android:text="@string/name" /> <RadioButton
android:id="@+id/radioButton3"
style="@style/radioStyle"
android:drawableTop="@drawable/tab_set"
android:text="@string/tongxl" /> <RadioButton
android:id="@+id/radioButton4"
style="@style/radioStyle"
android:drawableTop="@drawable/tab_find"
android:text="@string/tabbar" /> <RadioButton
android:id="@+id/radioButton5"
style="@style/radioStyle"
android:drawableTop="@drawable/tab_sddre"
android:text="@string/ewo" />
</RadioGroup> </LinearLayout>
bottom.xml
项目下/res/drawable-hdpi/tab_weixin.xml文件
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/tabbar_mainframe" android:state_checked="false"></item>
<item android:drawable="@drawable/tabbar_mainframehl" android:state_checked="true"></item>
<!-- --> </selector>
tab_weixin.xml
项目下/res/drawable-hdpi/tab_set.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/tabbar_contacts" android:state_checked="false"></item>
<item android:drawable="@drawable/tabbar_contacts_hl" android:state_checked="true"></item>
<!-- --> </selector>
tab_set.xml
项目下/res/drawable-hdpi/tab_sddre.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:drawable="@drawable/tabbar_me" android:state_checked="false"></item>
<item android:drawable="@drawable/tabbar_mehl" android:state_checked="true"></item> </selector>
tab_sddre.xml
项目下/res/drawable-hdpi/tab_find.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@drawable/tabbar_discover" android:state_checked="false"></item>
<item android:drawable="@drawable/tabbar_discoverhl" android:state_checked="true"></item>
<!-- --> </selector>
tab_find.xml
底部就好了 <( ̄︶ ̄)>
---------------------------------------- 组拼 -----------------------------------------------
下面 就是 把它们两个拼凑起来 ◔ ‸◔?
项目下/res/layout/weixin.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:orientation="vertical" > <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" > <include
android:layout_width="match_parent"
android:layout_height="wrap_content"
layout="@layout/head" />
</LinearLayout>
<!-- 中间 --> <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical" >
</LinearLayout>
<!-- 中间 --> <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" > <include layout="@layout/bottom" />
</LinearLayout> </LinearLayout>
weixin.xml
这就就好了◔ ‸◔?
到这 算是好了吧
项目 下/什么什么Manifest.xml 清单文件里面
android:theme="@style/AppTheme" 这一行代码改下面的
android:theme="@android:style/Theme.DeviceDefault.Light.NoActionBar"
这是去 最上面那个黑色部分的 (运行是时候去除)
可以自己在加加工 让它好看的点
感觉还是好丑 o(︶︿︶)o
链接: http://pan.baidu.com/s/1pL51yTd 密码: ee1e
项目
android 安卓 微信布局 [1]的更多相关文章
- Android开发--微信布局(ListView)基本运用
ListView 1.ListVeiw 用来展示列表的View. 2.适配器 用来把数据映射到ListView上的中介. 3.数据 具体的将被映射的字符串,图片,或者基本组件. 根据列表的适配器 ...
- Android之微信布局篇
一.准备工作: 1. 下载好相关的图片: 2.创建一个名WeiChat的项目,将图片复制到res----->drawable-hdpi目录下. 二.编写代码: 1. 最终效果: 2.微信可划分为 ...
- Android UI-仿微信底部导航栏布局
现在App基本的标配除了侧滑菜单,还有一个就是底部导航栏,常见的聊天工具QQ,微信,购物App都有底部导航栏,用户可以随便切换看不同的内容,说是情怀也好,用户体验也罢.我们开发的主要的还是讲的是如何如 ...
- 微信4.5 for Android安卓内测版体验【实时对讲】杀手级应用下载
微信4.5 for Android 安卓 内测版 体验 程序启动画面,是一支在动的烛光 主要功能更新如下 支持语音提醒,到时间后自动弹出消息框 发起语音提醒请求 成功识别语音请求,并且保存在本地,应该 ...
- android 模拟微信消息框 BaseAdapter()方法 [2]
在昨天的微信布局的基础上加内容 http://www.cnblogs.com/Seven-cjy/p/6098024.html 项目下/res/layout下创建一个 listview_layout. ...
- Android仿微信图片上传,可以选择多张图片,缩放预览,拍照上传等
仿照微信,朋友圈分享图片功能 .可以进行图片的多张选择,拍照添加图片,以及进行图片的预览,预览时可以进行缩放,并且可以删除选中状态的图片 .很不错的源码,大家有需要可以下载看看 . 微信 微信 微信 ...
- Android安卓身份证识别SDK
一.Android安卓身份证识别SDK应用背景 这些年,随着互联网金融的极速发展,第三方支付.理财.P2P网贷.征信等APP应用成爆发式的增长,在众多APP中都涉及到对身份证信息的录入,如第三方支付. ...
- Android的微信智能心跳方案
原文地址: 年11月中旬时,因为基础组件组人手紧张,Leo安排我和春哥去广州轮岗支援.刚到广州的时候,Ray让我和春哥对Line和WhatsApp的心跳机制进行分析.我和春哥抓包测试了差不多两个多礼拜 ...
- Android FoldingLayout 折叠布局 原理及实现(二)
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/44283093,本文出自:[张鸿洋的博客] 1.概述 在上一篇Android Fo ...
随机推荐
- HDOJ(HDU) 2078 复习时间
Problem Description 为了能过个好年,xhd开始复习了,于是每天晚上背着书往教室跑.xhd复习有个习惯,在复习完一门课后,他总是挑一门更简单的课进行复习,而他复习这门课的效率为两门课 ...
- CSU 1160 把十进制整数转换为十六进制,格式为0x开头,10~15由大写字母A~F表示
题目链接: http://acm.hust.edu.cn/vjudge/contest/view.action?cid=82974#problem/A 解题思路: 将16进制的表示方法列在一个数组里面 ...
- 在Visual Studio中使用AStyle
最近在做一个C++项目,我们使用了一个叫做AStyle的插件来做代码格式化. 下载方式1:通过Visual Studio下载 启动Visual Studio,以下简称VS: 英文版VS:VS主菜单 & ...
- 大规模Hadoop集群在腾讯数据仓库TDW的实践
随着业务的快速增长,TDW的节点数也在增加,对单个大规模Hadoop集群的需求也越来越强烈.TDW需要做单个大规模集群,主要是从数据共享.计算资源共享.减轻运营负担和成本等三个方面考虑. 数据共享.T ...
- Unity3D NGUI UIPlayTween控件(一)动态打开关闭窗口
利用NGUI自带的脚本控件实现按钮点击窗口滑动出现与隐藏. 创建界面 首先建立如下图的三个BUtton与三个Panel 绑定脚本 然后在每个Button上添加UIPlayTween脚本,在Intera ...
- Java发送邮件的简单实现
使用Oracle官方的JavaMail进行实现,JavaMail下载地址:https://java.net/projects/javamail/pages/Home 将下载好的jar包加入到工程路径中 ...
- STL之hash_set和hash_map
Contents 1 hash_set和hash_map的创建与遍历 2 hash_set和hash_map的查找 3 建议 一句话hash_set和hash_map:它们皆由Hashtable(St ...
- Js 正则表达式知识测试
本文对javascript中正则表达式进行了总结汇总,将知识点和注意点都理了一下,并附上2个练习题,供大家参考学习. 正则表达式: 1.什么是RegExp?RegExp是正则表达式的缩写.RegExp ...
- HTML学习(1)
1.缩写和首字母缩写<abbr><acronym> <abbr title="etcetera">etc.</abbr> <a ...
- AndroidSdk下载地址和环境变量配置
一.Android Studio 下的AndroidSdk下载地址 http://tools.android-studio.org/index.php/sdk 二.Android Sdk环境变量设置 ...