Android Textview 模拟菜单切换滑动条效果

最新推荐文章于 2024-05-24 16:17:42 发布
置顶 最新推荐文章于 2024-05-24 16:17:42 发布
阅读量791 收藏 2
点赞数
分类专栏： Android 文章标签： android 滑动条
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nihaoqiulinhe/article/details/80360497
版权

   虽然android已经提供了tablayout来实现标签栏的切换功能,但美工设计的有一个不好实现,就是有一个菜单还需要支持下拉选项,这个用tablayout不好实现.所以就想到了笨一点的方式:想到了使用textview来统一管理,当点击某一个textview就切换其他按钮的背景,实现效果如下:


     实现原理也是很简单,监听每一个textview,写一个统一的方法,进行判断,分别设置点击的文字颜色和背景以及未点中的效果,主要java代码如下:

 //*************周期相关切换-下拉选项的初始化******************
        cycle_layout=(LinearLayout)contentView.findViewById(R.id.cycle_layout);
        hour_menu = (TextView) contentView.findViewById(R.id.hour_menu);
        hour_menu.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //设置选中颜色
                CandlestickChart.setCycleBackground(getActivity(),hour_menu, day_menu, week_menu, month_menu, minute_spinner,CandlestickChart.TEXTVIEW_HOUR_CYCLE);
               
            }
        });
        day_menu = (TextView) contentView.findViewById(R.id.day_menu);
        day_menu.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //设置选中颜色
                CandlestickChart.setCycleBackground(getActivity(),hour_menu, day_menu, week_menu, month_menu, minute_spinner,CandlestickChart.TEXTVIEW_DAY_CYCLE);
                
            }
        });
        week_menu = (TextView) contentView.findViewById(R.id.week_menu);
        week_menu.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //设置选中颜色
                CandlestickChart.setCycleBackground(getActivity(),hour_menu, day_menu, week_menu, month_menu, minute_spinner,CandlestickChart.TEXTVIEW_WEEK_CYCLE);
               
            }
        });
        month_menu = (TextView) contentView.findViewById(R.id.month_menu);
        month_menu.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //设置选中颜色
                CandlestickChart.setCycleBackground(getActivity(),hour_menu, day_menu, week_menu, month_menu, minute_spinner,CandlestickChart.TEXTVIEW_MONTH_CYCLE);
               
            }
        });
        
2.CandlestickChart.setCycleBackground设置选中和未选中的效果,方法如下:
//点击设置背景和字体颜色
    public static void setCycleBackground(Activity activity,TextView hour_menu, TextView day_menu, TextView week_menu, TextView month_menu, NiceSpinner minute_spinner, int cycleType){

        switch (cycleType){
            case CandlestickChart.TEXTVIEW_HOUR_CYCLE:
                hour_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom));
                hour_menu.setTextColor(activity.getResources().getColor(R.color.buy_background));

                day_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                day_menu.setTextColor(activity.getResources().getColor(R.color.white));

                week_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                week_menu.setTextColor(activity.getResources().getColor(R.color.white));

                month_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                month_menu.setTextColor(activity.getResources().getColor(R.color.white));

                minute_spinner.setTextColor(activity.getResources().getColor(R.color.white));
                break;
            case CandlestickChart.TEXTVIEW_DAY_CYCLE:
                hour_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                hour_menu.setTextColor(activity.getResources().getColor(R.color.white));

                day_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom));
                day_menu.setTextColor(activity.getResources().getColor(R.color.buy_background));

                week_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                week_menu.setTextColor(activity.getResources().getColor(R.color.white));

                month_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                month_menu.setTextColor(activity.getResources().getColor(R.color.white));

                minute_spinner.setTextColor(activity.getResources().getColor(R.color.white));
                break;
            case CandlestickChart.TEXTVIEW_WEEK_CYCLE:
                hour_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                hour_menu.setTextColor(activity.getResources().getColor(R.color.white));

                day_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                day_menu.setTextColor(activity.getResources().getColor(R.color.white));

                week_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom));
                week_menu.setTextColor(activity.getResources().getColor(R.color.buy_background));

                month_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                month_menu.setTextColor(activity.getResources().getColor(R.color.white));

                minute_spinner.setTextColor(activity.getResources().getColor(R.color.white));
                break;
            case CandlestickChart.TEXTVIEW_MONTH_CYCLE:
                hour_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                hour_menu.setTextColor(activity.getResources().getColor(R.color.white));

                day_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                day_menu.setTextColor(activity.getResources().getColor(R.color.white));

                week_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                week_menu.setTextColor(activity.getResources().getColor(R.color.white));

                month_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom));
                month_menu.setTextColor(activity.getResources().getColor(R.color.buy_background));

                minute_spinner.setTextColor(activity.getResources().getColor(R.color.white));
                break;
            case CandlestickChart.TEXTVIEW_MINUTE_CYCLE:
                hour_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                hour_menu.setTextColor(activity.getResources().getColor(R.color.white));

                day_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                day_menu.setTextColor(activity.getResources().getColor(R.color.white));

                week_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                week_menu.setTextColor(activity.getResources().getColor(R.color.white));

                month_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                month_menu.setTextColor(activity.getResources().getColor(R.color.white));

                minute_spinner.setTextColor(activity.getResources().getColor(R.color.buy_background));
                break;
            default:
                hour_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                hour_menu.setTextColor(activity.getResources().getColor(R.color.white));

                day_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                day_menu.setTextColor(activity.getResources().getColor(R.color.white));

                week_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                week_menu.setTextColor(activity.getResources().getColor(R.color.white));

                month_menu.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.title_bottom_black));
                month_menu.setTextColor(activity.getResources().getColor(R.color.white));

                minute_spinner.setTextColor(activity.getResources().getColor(R.color.buy_background));
                break;
        }
    }

使用到的选中背景,其实是用在线ps制作的一个黑色的背景然后底部有一个蓝色的模拟器滑动条的框框,如下:


  欢迎吐槽,有更多的方法的话,欢迎讨论
清澈@Cherry
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 多行textview间切换跑马灯效果
shizhu_1010的专栏
10-19 1072
以前一直认为 textview 这个跑马灯效果很是鸡肋，必须有焦点才可以使用，用着麻烦。 但项目需求没有办法，只能尝试实现。   起初在网上找了一些资料殊途同归讲的都差不多，还有一些是瞎转载没试过就发到网上来的（ps：发自内心的12万分鄙视，没试就发上来，抄下来之后还以为自己写错了，检查了好半天。。）。 无非就是要有焦点才可看到跑马灯效果，实际应用起来麻烦透顶。 本来已经放弃用textv
Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果...
chuoshao2508的博客
01-04 214
《Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果》 实现的组件交互目的很简单，就是要达到类似tab选项卡的导航栏一样，当用户点击了连续并排的若干个TextView其中之一时候，要产生一定的交互效果（背景颜色改变等）。这种实现的方式有不少可选方案，...
【Android】RecyclerView实现表格上下左右、横向纵向双向滑动效果
最新发布
full courage的博客
05-24 984
Android屏幕显示范围有限，在数据可视化需求中经常要使用这样的表格：横向纵向都能滑动，左侧栏目固定，右边可以整体上下左右滑动。例如股票、证券、课程表、值日表、Excel等等 主要就是分为 标题 和 内容 两部分，其中内容部分一般都是嵌套RecyclerView，使得标题和内容左右横向滑动时是一起滑动的，且不能错位。
textview内容切换动画
10-27
可以用TextSwitcher添加动画效果避免textview内容生硬的切换，参考 http://write.blog.csdn.net/postedit/40508949
TextSwitcher，一个带有文字切换动画效果的加强版TextView
明潮的BLOG
04-11 3580
先上图 直接上代码 [html] view plain copy LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"       android:orientation="vertical" android:layou
android之滑动选择切换字符
Snowleopard_wu的专栏
08-01 2940
看见有些应用实现了一个右边竖着26个字母，手指在字母区域滑动可以让屏幕中间的字符不断的切换的效果，所以最近也跟着实现了一个，但效果比较一般，不能再320*480的屏幕上真确显示，希望贴出来后有读者能一起交流改进这个dmeo，在该demo在字符外点击屏幕后滑动在字符区域屏幕是无效果的，因为字符区域就是一个view层，只有在该view层事件才能触发对应的事件，详细看代码。在此先上张图:   工
Android实现顶部导航菜单左右滑动效果
01-05
关于导航菜单，相信大家对它并不陌生，比如在新闻客户端中就经常使用左右滑动菜单来显示不同类别的新闻。网上也有关于这方面的一些示例，但是许多都是使用Tabhost来做的，实现了图片平滑动画效果，但没
android TextView实现跑马灯效果
08-30
Android TextView 实现跑马灯效果 Android TextView 实现跑马灯效果是 Android 开发中常见的需求之一。跑马灯效果是指文本滚动的效果，常用于展示长文本内容。本文将详细介绍如何使用 Android TextView 实现跑马灯...
Android 自定义TextView实现滑动解锁高亮文字
08-27
Android 自定义TextView实现滑动解锁高亮文字是 Android 开发中一个常见的需求，主要是通过自定义TextView实现滑动解锁高亮文字的效果。下面是实现滑动解锁高亮文字的相关知识点： 一、自定义TextView 在 Android...
Android Textview实现颜色渐变滚动效果
08-29
Android Textview 实现颜色渐变滚动效果 Android Textview 是 Android 开发中最常用的控件之一，用于显示文字信息。虽然 Android Textview 提供了许多样式和效果，但是有些效果却需要我们自己实现。颜色渐变滚动...
Android SeekBar实现滑动条效果
08-27
Android SeekBar 实现滑动条效果 Android SeekBar 是 ProgressBar 的一个子类，它可以改变并显示当前进度的拖动条，具有很高的参考价值。下面将详细介绍 Android SeekBar 实现滑动条效果的知识点。 一、SeekBar 的...
textview切换效果
03-23
textview切换效果。。。。。。。。。。。。。。。。。。。。。。
TextView实现的Tab选中效果
12-18
TextView + 背景设置， 产生自定义Tab选中效果
android菜单切换
12-05
可以自定义菜单发散的方向，很漂亮的切换方式
android学习之-TextView的滑动效果
热门推荐
zhouguosen_always的专栏
05-20 1万+
textView中如何设置滚动条 在xml中定义：             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:scrollbars="vertical"//设置滚动条的垂直显示             andr
Android开发 当TextView文本过多时如何使用滑动条
JiangYH
02-12 394
Android开发 当TextView文本过多时如何使用滑动条XMLJAVA XML 在XML文件中，建立一个TextView组件 <TextView android:id="@+id/tv_content" android:layout_width="match_parent" android:layout_height="match_parent"/> JAVA 在JAVA文件中，进行滚动的设置。 //获取你要设置的TextView。 TextView conten
Android 的 LinearLayout + TextView实现底部导航栏（界面切换时不重新加载）
qq_39698412的博客
04-21 1201
模仿手机QQ底部导航栏效果，之前自己弄过一个底部导航栏，但是每次切换界面它都会自动重新加载，自己上网查资料又自己摸索，终于解决了重新加载界面的问题，下面是一个实例的代码：在此特别强调一点，在使用Fragment，FragmentManager，FragmentTransaction这三个类时，导包时会有2个不同的包让你选择，具体用哪一个包，代码中都有。首先是MainActivity.java：pa...
android TextView文字跟随seekBar滑动条滑块的位置移动
u010184245的专栏
06-13 5910
android有一个很有意思的控件：seekBar，它可以实现手动滑动进度条的进度，也可以自动调整滑块的位置，并能实现各种效果，适用于进度条，选择额度等情况，在这里我们就暂时不多少了，今天我们重点来实现一下与seekBar相关联的一种效果：文字跟随滑块的位置移动。 之前做过这种效果，用的原理是文字的中间位置与滑块中间位置相同，实现了文字随滑块滑动，但也有一些瑕疵：当滑动条宽度为占满屏幕且文字长度大
底部导航栏实现页面的切换（一）：Fragment + LinearLayout + TextView
Java技术博客，不再更新Android内容
09-07 4903
Fragment + LinearLayout + TextView 实现底部导航栏的切换（一）知识点先看效果图：项目结构图：实现逻辑： 顶部是LinearLayout，里面放了TextView；底部是LinearLayout，里面水平放置了4个TextView，比例是1:1:1:1；其余是FrameLayout填充满剩余空间。点击底部的tab，用4个Fragement替换FrameLayout
android textview 文字超长 可滑动
05-25
你可以在布局文件中将 TextView 放在一个 ScrollView 中，这样当文本超出 TextView 的边界时，用户就可以通过滚动视图来查看全部文本。以下是一个示例代码： ```xml <ScrollView android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/textView" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Your long text here" android:maxLines="10" android:scrollbars="vertical" /> </ScrollView> ``` 在这个示例中，我们使用 ScrollView 包裹 TextView，并设置了 android:scrollbars="vertical" 属性，使得在文本超出 TextView 边界时，垂直滚动条会出现。你可以根据需要调整 android:maxLines 属性来控制 TextView 的行数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值