关闭

动手去实现一个页面切换TabView

248人阅读 评论(1) 收藏 举报
分类:

首先上效果图



颜色切换就不提了,首先考虑两侧按钮的圆角,左侧应是左上、左下圆角,右侧反之,于是

左侧Shape文件中


<corners
    android:bottomLeftRadius="5dp"
    android:bottomRightRadius="0dp"
    android:topLeftRadius="5dp"
    android:topRightRadius="0dp" />

右侧Shape文件中

<corners
    android:bottomLeftRadius="0dp"
    android:bottomRightRadius="5dp"
    android:topLeftRadius="0dp"
    android:topRightRadius="5dp" />

当然这个角度可以选择自己顺眼的


然后考虑描边,左侧应为上下左描边,右侧应为上下右描边,当初是这样考虑的,虽然出来的效果并不好

先考虑如何实现吧,描边还可以指定哪条边吗? 可以这样去实现!

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:bottom="0dp"
        android:left="0dp"
        android:right="-1dp"
        android:top="0dp">
        <shape>
            <!-- 描边颜色 -->
            <stroke
                android:width="1dp"
                android:color="#a6a6a6" />
            <!-- 中间的背景色 -->
            <solid android:color="#FFFFFF" />
            <!-- 直角设置四个角的角度 -->
            <corners
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="0dp"
                android:topLeftRadius="5dp"
                android:topRightRadius="0dp" />
        </shape>
    </item>
</layer-list>

使用layer-list ,虽说描边没有变化,但是我们可以选择把不需要的部分去掉


这样通过四个配置文件就可以实现这样的一个控件


这里只是提出了思路,有需要的话自己去实现。


有时间的话我可能会将其做成一个控件发到 github


那本篇文章到此结束,谢谢浏览。


1
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

一个页面实现多个管理页面任意切换

在做项目的时候,我们有时候会遇到一种需求,一个页面有两种数据源,也就对应着两个列表页。但是你不想新建两个页面: - 一、是因为新建页面多了本来就麻烦; - 二、是页面之间跳转感觉太明显,用户体验...
  • MrLisky
  • MrLisky
  • 2017-05-22 19:05
  • 337

javaScript实现在一个页面中对某一部分的切换

用javaScript实现在一个页面中对某一部分的切换(点击哪里就显示对应的内容),只是举例的效果, 页面简单但是也能够起到说明效果。 下面看一下html代码: Document wi...
  • zhouyuanyuancnds
  • zhouyuanyuancnds
  • 2016-09-02 08:03
  • 1203

Android自定义Tab选项卡4行代码完成调用(Fragment+ViewPager组合)

一、前言      恰逢周末刚好可以抽点时间整理项目中的自定义控件。这个星期打算先从tab选项卡入手,将以前用到的Fragment,ViewPager,ImageView,TextView,Relat...
  • u012814441
  • u012814441
  • 2015-11-08 19:48
  • 1541

自己动手模仿 springmvc 写一个 mvc框架

spring的知识那么多,看源码也不知从何看起,那应该怎么学呢?我觉得,完整的自己动手去实现一个,是最好的方式。 bfmvc模仿springmvc的轻量级web框架,适合学习和搭建小型web项目使用,...
  • qq_31655965
  • qq_31655965
  • 2017-05-27 10:23
  • 1950

用Fragment实现Tab页面切换效果初步总结

前言: 最近在Android项目中需要在活动中实现多页面切换的功能,第一次是实现的过程中,是让Activity同时去加载三个界面的,通过点击tab按钮对页面设置隐藏和显示,实现页面切换效果,但是后面发...
  • u010253416
  • u010253416
  • 2015-07-17 22:40
  • 944

使用Fragment控制切换多个页面

1、管理Fragment 要在activity中管理fragment,需要使用FragmentManager. 通过调用activity的getFragmentManager()取得它的实例. •...
  • u013749540
  • u013749540
  • 2016-04-19 15:29
  • 582

徒手建立一个Web应用

第一步:在你的电脑的任意目录下新建一个文件夹,我暂且就以webApplication为名建一个文件夹作为一个Web应用   第二步:在第一步所建的文件夹内建一个WEB-INF文件夹(注意这里,文件...
  • qq_31820885
  • qq_31820885
  • 2017-03-14 23:17
  • 100

使用Bootstrap tab页切换的使用

代码: tab页切换 1.参考网站:http://www.runoob.com/bootstrap/bootstrap-tab-plugin.html 2..fa...
  • qq_30337695
  • qq_30337695
  • 2016-08-24 10:52
  • 18729

vue实现app页面切换效果

pageAninmate http://www.vue-js.com/topic/58c793f4a476ff9533840114 vue-router实现webApp切换效果 ...
  • sinat_17775997
  • sinat_17775997
  • 2017-03-14 19:58
  • 2626

自己实现一个简单版的HashMap

public class MyHashMap { //默认初始化大小 16 private static final int DEFAULT_INITIAL_CAPACI...
  • uhgagnu
  • uhgagnu
  • 2017-03-03 18:41
  • 414
    个人资料
    • 访问:24436次
    • 积分:712
    • 等级:
    • 排名:千里之外
    • 原创:41篇
    • 转载:33篇
    • 译文:1篇
    • 评论:8条
    文章分类
    最新评论