模拟QQ上面的导航按钮

在做项目的时候，用到了类似QQ最上面的按钮切换的模式，所以我就自己写了一下：

代码如下：

1.首先是布局页面：我用的是radioGroup和两个radioButton

<RadioGroup
    android:id="@+id/button_group"
    android:orientation="horizontal"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <RadioButton
        android:gravity="center"
        android:checked="true"
        android:background="@drawable/button_check"
        android:layout_marginTop="15dp"
        android:layout_marginLeft="123dp"
        android:layout_marginBottom="5dp"
        android:button="@null"
        android:layout_width="80dp"
        android:layout_height="30dp"
        android:text="消息"
        android:id="@+id/nobutton" />

    <RadioButton
        android:hint="2"
        android:textColorHint="#fff"
        android:gravity="center"
        android:id="@+id/already"
        android:background="@drawable/button_check"
        android:layout_marginTop="15dp"
        android:button="@null"
        android:layout_width="80dp"
        android:layout_height="30dp"
        android:layout_marginBottom="5dp"
        android:text="电话"/>

</RadioGroup>

2.让后早drawable文件：button_check.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_checked="true" android:drawable="@color/button_cl"></item>
    <item android:state_checked="false" android:drawable="@drawable/buttonstyle"></item>
</selector>

3.在button_check中引用了：

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
     <!-- 连框颜色值 --><item>
           <shape>
                <solid android:color="#fff" />
          </shape>
     </item>
     <!-- 主体背景颜色值 -->
     <item android:bottom="1dp" android:right="1dp"
         android:left="1dp" android:top="1dp">
          <shape>
               <solid android:color="#309cfc" />
                <padding android:bottom="5dp"
                     android:left="5dp"
                     android:right="5dp"
                     android:top="5dp" />
          </shape>
     </item>
</layer-list

这个是设置边框的颜色，

剩下点击切换内容就需要自己在代码中根据自己的需求来写了;

下面是一张效果图，感觉不错的可以直接用，写的不对的地方希望大家多多指教，

模拟QQ上面的导航按钮相关推荐

c语言程序框强行显示到最上层,窗口始终浮在上面的图钉按钮示例程序（详细编程） (转)...
窗口始终浮在上面的图钉按钮示例程序(详细编程) (转)[@more@] 类原作者:PJ Naughter 类改进.使用评论.示例作者: 龚建伟 ◆ PushPin类能做出象VC6中Propertie ...
导航栏固定在顶部，滑动下面内容，不同的内容块，上面的导航相应的变颜色...
// 滑到不同内容块,上面相应导航变色var current_nav = 'qiye';scroll_function = function() {$(".about_content_lis ...
变频电源面板上的英文按钮和显示都是什么意思
现在很多变频电源上的按钮都是显示的英文,很多人不了解的就会看不懂,今天中港扬盛技术员就来给大家说说那些英文都是什么意思: 启动键(STARTER) 停止键(OFF/RESET) 设置频率(FREQUE ...
如何隐藏iPhone导航栏上的“后退”按钮？
本文翻译自:How to hide 'Back' button on navigation bar on iPhone? I added a navigation control to switch ...
手机qq浏览器怎么设置上下翻页按钮手机qq浏览器设置上下翻页按钮的方法
1.打开qq浏览器,点击右下角"我的". 手机qq浏览器怎么设置上下翻页按钮?手机qq浏览器设置上下翻页按钮的方法[多图] 2.点击右上角设置图标. 手机qq浏览器怎么设置上下翻页 ...
java实现qq空间模块_Java实现模拟QQ空间图片上传
Java实现模拟QQ空间图片上传首先看效果: 首先编写我们的上传jsp代码,如下: pageEncoding="UTF-8"%> html PUBLIC "-// ...
解决手机端微信公众号内input输入框获取焦点后，底部导航栏显示在输入法软键盘上面的问题
今天遇到在微信公众号中打开网站,input 输入框和textarea输入框获取焦点后,弹出输入法键盘,将底部的导航栏"顶到"输入法键盘上面的问题,看着非常shit! 直接上代码看效 ...
Activiti6：模拟钉钉上面的请假流程(使用web画图并导出xml然后使用java执行流程)
1.声明当前内容主要为本人学习和测试Activiti6这个工作流的基本操作,模拟钉钉上面的请假流程(简单版) 当前内容主要有: 使用官方的web-app方式画图将当前流程图导出为xml配置将xm ...
doo14 视图和js的按钮上面的交互
doo14 视图和js的按钮上面的交互自定义按钮上面的属性应用操作 js代码块 odoo.define({var FormController = require('web.FormControll ...
在Web页上模拟(QQ)魔法表情
在WEB页面中利用层(DIV)和嵌入FLASH时对相关的属性进行设置,可以模拟出魔法表情的效果.(即播放透明背景的SWF,具体可以看看QQ较新版本中的"魔法表情"功能).由于是在W ...

模拟QQ上面的导航按钮

模拟QQ上面的导航按钮相关推荐

最新文章

热门文章