Android 仿QQ首页的消息和电话的切换,首页的头部(完全用布局控制)

首先贴上七个控制布局代码

1.title_text_sel.xml 字体颜色的切换 放到color文件夹下面

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3. <item android:state_checked="true" android:color="@color/blue"/>
  4. <item android:state_checked="false" android:color="@color/white"/>
  5. </selector>

2.rb_bg_01.xml左边RadioButton的背景选择

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android" >
  3. <item android:state_checked="true" android:drawable="@drawable/rb_bg_01t"></item>
  4. <item android:state_checked="false" android:drawable="@drawable/rb_bg_01f"></item>
  5. </selector>

3.rb_bg_01f.xml左边RadioButton的背景选择

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >
  3.  
  4. <solid android:color="@color/blue"/>
  5.  
  6. <corners android:topLeftRadius="15dip" android:bottomLeftRadius="15dip"/>
  7.  
  8. <stroke android:width="1dip" android:color="@color/white_drak"/>
  9.  
  10. </shape>

4.rb_bg_01t.xml左边RadioButton的背景选择

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >
  3.  
  4. <solid android:color="@color/white_drak"/>
  5.  
  6. <corners android:topLeftRadius="15dip" android:bottomLeftRadius="15dip"/>
  7.  
  8. </shape>

5.rb_bg_02.xml右边边RadioButton的背景选择

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android" >
  3. <item android:state_checked="true" android:drawable="@drawable/rb_bg_02t"></item>
  4. <item android:state_checked="false" android:drawable="@drawable/rb_bg_02f"></item>
  5. </selector>

6.rb_bg_02f.xml右边边RadioButton的背景选择

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >
  3.  
  4. <solid android:color="@color/blue"/>
  5.  
  6. <corners android:topRightRadius="15dip" android:bottomRightRadius="15dip"/>
  7.  
  8. <stroke android:width="1dip" android:color="@color/white_drak"/>
  9.  
  10. </shape>

7.rb_bg_02t.xml右边边RadioButton的背景选择

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >
  3.  
  4. <solid android:color="@color/white_drak"/>
  5.  
  6. <corners android:topRightRadius="15dip" android:bottomRightRadius="15dip"/>
  7.  
  8. </shape>

activity_main.xml代码

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. tools:context="com.example.atest.MainActivity" >
  6.  
  7. <LinearLayout
  8. android:layout_height="wrap_content"
  9. android:background="@color/blue"
  10. android:gravity="center"
  11. android:layout_width="match_parent">
  12.  
  13. <RadioGroup
  14. android:id="@+id/rg"
  15. android:layout_margin="10dip"
  16. android:layout_width="200dip"
  17. android:layout_height="wrap_content"
  18. android:layout_gravity="center"
  19. android:orientation="horizontal">
  20. <RadioButton
  21. android:id="@+id/rb0"
  22. android:layout_height="wrap_content"
  23. android:layout_width="0dip"
  24. android:layout_weight=""
  25. android:button="@null"
  26. android:text="消息"
  27. android:checked="true"
  28. android:textSize="16sp"
  29. android:gravity="center"
  30. android:paddingTop="6dip"
  31. android:paddingBottom="6dip"
  32. android:textColor="@color/title_text_sel"
  33. android:background="@drawable/rb_bg_01"/>
  34.  
  35. <RadioButton
  36. android:id="@+id/rb1"
  37. android:layout_height="wrap_content"
  38. android:layout_width="0dip"
  39. android:layout_weight=""
  40. android:text="电话"
  41. android:button="@null"
  42. android:gravity="center"
  43. android:textSize="16sp"
  44. android:paddingTop="6dip"
  45. android:paddingBottom="6dip"
  46. android:textColor="@color/title_text_sel"
  47. android:background="@drawable/rb_bg_02"/>
  48. </RadioGroup>
  49. </LinearLayout>
  50.  
  51. </RelativeLayout>

colors.xml颜色值代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3.  
  4. <color name="blue">#18B4ED</color>
  5. <color name="white_drak">#D0EFFA</color>
  6. <color name="white">#FFFFFF</color>
  7.  
  8. </resources>

效果图

源码下载:http://download.csdn.net/detail/pcaxb/9028951

Android 仿QQ首页的消息和电话的切换,首页的头部(完全用布局控制)的更多相关文章

  1. 仿QQ菜单栏:消息,电话菜单

    转载自:http://blog.csdn.net/johnnyz1234/article/details/45919907 在实际项目开发使用Fragment的时候,也碰到一些异常和存在的问题,下面做 ...

  2. Android仿QQ ios dialog,仿QQ退出向上菜单

    Android仿QQ ios dialog,仿QQ退出向上菜单 EasyDialog两种模式 仿QQ退出向上菜单,自己定义向上菜单              github地址:https://gith ...

  3. Android 仿QQ消息界面

    values 下面 dimens.xml <resources> <!-- Default screen margins, per the Android Design guidel ...

  4. android 仿QQ手机版

    千人2群开启,欢迎大家围观打酱油,群号145667827     您当前位置 : JavaApk-安卓应用游戏源码服务专家 » QQ » Android项目源码界面超级华丽的仿QQ最新版本 Andro ...

  5. Android仿QQ登录下拉历史列表

    demo中包含了Sqlite数据库增删改查,对存储的账号进行按照最新的时间排序,限制了最多存储5条数据. 效果图: 1.首先创建MyHelper建表: public class MyHelper ex ...

  6. Android仿qq聊天记录长按删除功能效果

    最近项目在做IM即时通讯开发,在删除聊天列表的时候跟删除聊天详细信息的时候,产品经理想要跟ios一样,在当前选中行上方弹出一个删除窗口.于是先从网上找demo,找了一个发现是Dialog做的,我感觉没 ...

  7. Android仿QQ窗口的抖动的动画效果

    就是仿照QQ窗口的抖动效果,在项目的res下创建anim文件夹,再创建两个xml文件:cycle.xml  . myanim.xml   cycle.xml  :   <?xml version ...

  8. 【转】Android仿QQ截图应用测试

    使用过QQ的同学应该都用过QQ截图,Ctrl+Alt+A进入截图操作,通过拉伸,移动高亮区域的框体可以快速截取我们需要的图片.在android应用中,我们也经常需要截图操作,以下实现了一个类似QQ截图 ...

  9. android 仿QQ气泡聊天界面

    1.现在的QQ,微信等一些APP的聊天界面都是气泡聊天界面,左边是接收到的消息,右边是发送的消息, 这个效果其实就是一个ListView在加载它的Item的时候,分别用了不同的布局xml文件. 2.效 ...

随机推荐

  1. /etc/rc.d/rc.sysinit

    [root@web02 ~]# ls /etc/rc.d/rc.sysinit /etc/rc.d/rc.sysinit [root@web02 ~]# [root@web02 ~]# ls /etc ...

  2. [luogu]P4316 绿豆蛙的归宿(拓扑排序,期望)

    P4316 绿豆蛙的归宿 题目背景 随着新版百度空间的上线,Blog宠物绿豆蛙完成了它的使命,去寻找它新的归宿. 题目描述 给出一个有向无环图,起点为1终点为N,每条边都有一个长度,并且从起点出发能够 ...

  3. (原创)VS2017 C# 运行 Javasrcipt RSA 加密用户名登录 Java开发的服务器

    第一次写博客. 最近想做一个Web的自动登录,用户名和密码是RSA加密过的,后台是用的JAVA,我只会点C#,抓包什么都搞定了(使用的是Fiddler),不过由于C#和RSA的加密方式不同,我搞了N天 ...

  4. linux 流量统计小程序

    源代码例如以下: //2015/7/2 10:30:35 //gino #include <stdio.h> #include <sys/stat.h> #include &l ...

  5. storm trident function函数

    package cn.crxy.trident; import java.util.List; import backtype.storm.Config; import backtype.storm. ...

  6. Nginx中的upstream 分配方法

    轮询 轮询是upstream的默认分配方式,即每个请求按照时间顺序轮流分配到不同的后端服务器,如果某个后端服务器down掉后,能自动剔除. upstream www_cc_com { server 1 ...

  7. php7-swoole-Class 'swoole_websocket_server' not found 问题

    标签(空格分隔): php 分析 nginx/apache 读取的php.uini 文件 和 cli模式的php.ini 文件不同导致的 swoole是在cli模式下运行的 或许你安装swoole扩展 ...

  8. C# 引用DLL版本冲突

    已解决,到官网上下载旧key版本,然后再重定向即可. 手动引用两个版本的DLL错误的原因是我 publicKeyToken 大小写的问题(竟然没校验~~) 但我想不明白,这样搞如果依赖一多的话,甚至那 ...

  9. 每位 Ubuntu 18.04 用户都应该知道的快捷键

    作者: Abhishek Prakash 译者: LCTT XiatianSummer 了解快捷键能够提升您的生产力.这里有一些实用的 Ubuntu 快捷键助您像专业人士一样使用 Ubuntu. 您可 ...

  10. node使用express命令报错找不到ejs的解决方法

    首先确定已经全局安装过好几遍express和express-generator,但一使用express命令直接报找不到ejs模块,全局和本地安装ejs都没用,nodemon模块报同样错误,找不到deb ...