iOS仿UC浏览器顶部频道滚动效果

本人很喜欢用UC浏览器上网,当然不是给UC打广告,UC里很多动画效果很酷炫,指的学习,这次分享的是频道滚动的效果.
动画效果如下:

实现的这个效果的关键是绘制,重写顶部Label的drawRect方法

github链接 https://github.com/losedMemory/ZSScrollViewForTheNews

时间: 2024-10-13 07:51:36

iOS仿UC浏览器顶部频道滚动效果的相关文章

Android仿UC浏览器左右上下滚动功能(附源码)

本文要解决在侧滑菜单右边加个文本框,并能实现文本的上下滑动和菜单的左右滚动.这里推荐可以好好看看android的触摸事件的分发机制,这里我就不详细讲了,我只讲讲这个应用.要实现的功能就像UC浏览器(或其它手机浏览器)的左右滚动,切换网页,上下滚动,拖动内容. 目录:一.功能要求与实现       二.布局与代码       三.原理与说明 本文的效果:(源码下载) 一.功能要求与实现 1.功能要求: (1)手指一开始按着屏幕左右移动时,只能左右滚动菜单,如果这时手指一直按着,而且上下移动了,那么

ios:仿照安卓小米商城head左右滚动效果(多屏滚动)

1.之前做的应用需要这个效果但是当时用的比较复杂(绘图)的方法来实现,现在想到了一个新的方法. 2.用到了http://www.cnblogs.com/yoon/p/3616503.html 里面的小技巧 3.思路: 主要是在新的scrollview中重写Layoutsubviews 代码如下: - (void)layoutSubviews { [super layoutSubviews]; for (UIView *view in self.subviews) { if (view.tag =

Android高仿UC浏览器和360手机卫士消息常驻栏(通知栏)

之前网上看了下自己定义消息栏,通知栏,了解到了Notification这个控件.发现UC浏览器等都是这样的类型,今天写个demo实现下.如图: 当中每一个button都有不同的功能.代码例如以下: package com.example.textwsjdemo; import android.app.Activity; import android.app.Notification; import android.app.NotificationManager; import android.a

iOS仿支付宝首页的刷新布局效果

代码地址如下:http://www.demodashi.com/demo/12753.html XYAlipayRefreshDemo 运行效果 动画效果分析 1.UI需要变动,向上滑动的时候,顶部部分收缩. 2.右侧的滚动条的位置是从中间开始的,说明一个现象,这个tableview是从这里开始的. 3.tableview上面的view,是给tableview一起滑动,做到了无缝衔接. 4.滑动 tableview 上面那块 view ,直接响应滑动. 实现思路: 怎么解决以上四个效果问题,是本

Vue中点击按钮回到顶部(滚动效果)

页面滚动到一定位置时,出现回到顶部按钮 代码如下 HTML <div class="footer"> <div class="gotop" v-show="gotop" @click="toTop">Top</div> </div> CSS .footer .gotop { text-align: center; position: fixed; right: 50px; bot

Android之仿今日头条顶部导航栏效果

随着时间的推移现在的软件要求显示的内容越来越多,所以要在小的屏幕上能够更好的显示更多的内容,首先我们会想到底部菜单栏,但是有时候像今日头条新闻客户端要显示的内容太多,而且又想在主界面全部显示出来,所以有加了顶部导航栏. 今日头条顶部导航栏区域的主要部分是一个导航菜单.导航菜单是一组标签的集合,在新闻客户端中,每个标签标示一个新闻类别,对应下面ViewPager控件的一个分页面.当用户在ViewPager区域滑动页面时,对应的导航菜单标签也会相应的被选中,选中的标签通过一个矩形红框高亮显示,红框背

【转】让iframe在iOS设备手机浏览器上支持滚动

HTML代码 在使用IFRAME或者其他HTML元素时,你需要使用一个元素(如DIV)来包装他们: <div class="scroll-wrapper"> <iframe src=""></iframe> </div> 这个DIV将作为支持内部滚动的基础容器. CSS 代码 要让IFRAME支持滚动,需要一个常用的CSS属性和一个很少人知道的CSS属性(property): .scroll-wrapper { -we

IOS UIScrollView + UIButton 实现页面和顶部标签页水平滚动效果

很长一段时间没有写博客了,最近在学习iOS开发,看了不少的代码,自己用UIScrollView和UIButton实现了水平滚动的效果,有点类似于今日头条的主界面框架,效果如下: 代码如下: MyScrollView.h #import <UIKit/UIKit.h> #import "MySegementView.h" @interface MyScrollView : UIView<UIScrollViewDelegate> - (instancetype)

自定义ViewpagerIndicator (仿猫眼,添加边缘回弹滚动效果)

一.概述 今天主要来分享个自定义viewpagerindicator,效果主要是仿 猫眼电影 顶部的栏目切换,也就是我们常说的indicator,难度简单,为了让滑动时效果更炫酷,我在滑动到左边第一个item或者最右边的item时,添加了滑动到边缘位置后,回弹然后复位的效果(其实也是很简单,只要计算好距离就好啦) 大致的效果图就是这样.大家可以凑合看看(可以看到当滑动到边缘位置的时候有回弹的效果,是不是挺带感的O(∩_∩)O) 二.使用方法 layout布局 <LinearLayout xmln