winform实现图片的滑动效果
- 使用winform实现图片的滑动效果(类似网站首页图片滑动切换效果),结果实现了,但是效果其实不是很理想。
也许有更好的方法。
- Timer timerSlide = null;
- //当前初始化的PictureBox
- PictureBox box = null;
- //当前PictureBox
- PictureBox curBox = null;
- //下一个PictureBox
- PictureBox nxtBox = null;
- //前进方向
- string direction = "";
- //当前图片的索引
- int curIdx = 0;
- //Panel1的宽度
- int width = 0;
- //当前图片x的坐标
- int curXPos = 0;
- public Form1()
- {
- InitializeComponent();
- }
- private void Form1_Load(object sender, EventArgs e)
- {
- Init();
- }
- private void Init()
- {
- width = splitContainer1.Panel1.Width;
- timerSlide = new Timer();
- timerSlide.Interval = 100;
- timerSlide.Tick += timerSlide_Tick;
- timerSlide.Enabled = false;
- //初始化Panel1
- box = new PictureBox();
- box.Size = new Size(splitContainer1.Panel1.Width, splitContainer1.Panel1.Height);
- box.SizeMode = PictureBoxSizeMode.StretchImage;
- box.Image = imageListContainer.Images[0];
- splitContainer1.Panel1.Controls.Clear();
- splitContainer1.Panel1.Controls.Add(box);
- curBox = box;
- }
- private void timerSlide_Tick(object sender, EventArgs e)
- {
- if (direction.Equals("right"))
- {
- splitContainer1.Panel1.Controls.Clear();
- splitContainer1.Panel1.Controls.Add(curBox);
- splitContainer1.Panel1.Controls.Add(nxtBox);
- curBox.Location = new Point(curXPos, 0);
- nxtBox.Location = new Point(width + curXPos, 0);
- if (Math.Abs(curXPos) == width)
- {
- curXPos = 0;
- timerSlide.Enabled = false;
- curBox = nxtBox;
- }
- curXPos -= 30;
- }
- else if (direction.Equals("left"))
- {
- splitContainer1.Panel1.Controls.Clear();
- splitContainer1.Panel1.Controls.Add(curBox);
- splitContainer1.Panel1.Controls.Add(nxtBox);
- curBox.Location = new Point(curXPos, 0);
- nxtBox.Location = new Point(curXPos - width, 0);
- if (curXPos == width)
- {
- curXPos = 0;
- timerSlide.Enabled = false;
- curBox = nxtBox;
- }
- curXPos += 30;
- }
- else
- {
- timerSlide.Enabled = false;
- return;
- }
- //timerSlide.Enabled = false;
- }
- private void lbLeft_Click(object sender, EventArgs e)
- {
- if (curIdx == 0)
- {
- curIdx = imageListContainer.Images.Count - 1;
- box = new PictureBox();
- box.Size = new Size(splitContainer1.Panel1.Width, splitContainer1.Panel1.Height);
- box.SizeMode = PictureBoxSizeMode.StretchImage;
- box.Image = imageListContainer.Images[curIdx];
- splitContainer1.Panel1.Controls.Clear();
- //splitContainer1.Panel1.Controls.Add(box1);
- //curIdx = imageListContainer.Images.Count - 1;
- }
- else
- {
- curIdx -= 1;
- box = new PictureBox();
- box.Size = new Size(splitContainer1.Panel1.Width, splitContainer1.Panel1.Height);
- box.SizeMode = PictureBoxSizeMode.StretchImage;
- box.Image = imageListContainer.Images[curIdx];
- splitContainer1.Panel1.Controls.Clear();
- //splitContainer1.Panel1.Controls.Add(box1);
- //curIdx -= 1;
- }
- direction = "left";
- nxtBox = box;
- //启动定时器
- timerSlide.Enabled = true;
- }
- private void lbRight_Click(object sender, EventArgs e)
- {
- if (curIdx == imageListContainer.Images.Count - 1)
- {
- curIdx = 0;
- box = new PictureBox();
- box.Size = new Size(splitContainer1.Panel1.Width, splitContainer1.Panel1.Height);
- box.SizeMode = PictureBoxSizeMode.StretchImage;
- box.Image = imageListContainer.Images[curIdx];
- splitContainer1.Panel1.Controls.Clear();
- //splitContainer1.Panel1.Controls.Add(box2);
- //curIdx = 0;
- }
- else
- {
- curIdx += 1;
- box = new PictureBox();
- box.Size = new Size(splitContainer1.Panel1.Width, splitContainer1.Panel1.Height);
- box.SizeMode = PictureBoxSizeMode.StretchImage;
- box.Image = imageListContainer.Images[curIdx];
- splitContainer1.Panel1.Controls.Clear();
- //splitContainer1.Panel1.Controls.Add(box2);
- //curIdx += 1;
- }
- direction = "right";
- nxtBox = box;
- //启动定时器
- timerSlide.Enabled = true;
- }
winform实现图片的滑动效果的更多相关文章
- Android进阶:ListView性能优化异步加载图片 使滑动效果流畅
ListView 是一种可以显示一系列项目并能进行滚动显示的 View,每一行的Item可能包含复杂的结构,可能会从网络上获取icon等的一些图标信息,就现在的网络速度要想保持ListView运行的很 ...
- Android实现左右滑动效果
本示例演示在Android中实现图片左右滑动效果. 关于滑动效果,在Android中用得比较多,本示例实现的滑动效果是使用ViewFlipper来实现的,当然也可以使用其它的View来实现.接下来 ...
- Android 实现左右滑动效果ViewFlipper终结【转】
本示例演示在Android中实现图片左右滑动效果. 关于滑动效果,在Android中用得比较多,本示例实现的滑动效果是使用ViewFlipper来实现的,当然也可以使用其它的View来实现.接下来 ...
- Flexslider图片轮播、文字图片相结合滑动切换效果
Flexslider是一款基于的jQuery内容滚动插件.它能让你轻松的创建内容滚动的效果,具有非常高的可定制性.开发者可以使用Flexslider轻松创建各种图片轮播效果.焦点图效果.图文混排滚动效 ...
- 《JavaScript 实战》:实现图片幻滑动展示效果
滑动展示效果主要用在图片或信息的滑动展示,也可以设置一下做成简单的口风琴(Accordion)效果.这个其实就是以前写的图片滑动展示效果的改进版,那是我第一篇比较受关注的文章,是时候整理一下了. 有如 ...
- 仿优酷Android客户端图片左右滑动(自动滑动)
最终效果: 页面布局main.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayou ...
- 十六、Android 滑动效果汇总
Android 滑动效果入门篇(一)—— ViewFlipper Android 滑动效果入门篇(二)—— Gallery Android 滑动效果基础篇(三)—— Gallery仿图像集浏览 And ...
- Android 滑动效果进阶篇(六)—— 倒影效果
上篇介绍了使用Animation实现3D动画旋转翻页效果,现在介绍图片倒影实现,先看效果图 本示例主要通过自定义Gallery和ImageAdapter(继承自BaseAdapter)实现 1.倒影绘 ...
- Android 滑动效果入门篇(二)—— Gallery
Gallery 是Android官方提供的一个View容器类,继承于AbsSpinner类,用于实现页面滑动效果. 从上面的继承关系可以看出,AbsSpinner类继承自AdapterView,因此我 ...
随机推荐
- dedecms 模板文件不存在,无法解析文档的终极各种解决办法
dedecms 模板文件不存在,无法解析文档"的终极各种解决办法 方法一:[此对应喜欢把模板文件使用".html"的格式,] /include/arc.archives. ...
- h5的复制功能的使用,Clipboard.js的使用,主要是在app里面使用
app中使用,框架用的是vue.js 1.显示要下载这个Clipboard.js插件 package-lock.json里面 "clipboard-polyfill": { &qu ...
- spring boot validation参数校验
对于任何一个应用而言在客户端做的数据有效性验证都不是安全有效的,这时候就要求我们在开发的时候在服务端也对数据的有效性进行验证. Spring Boot自身对数据在服务端的校验有一个比较好的支持,它能将 ...
- 第06组 Beta冲刺(4/4)
队名:福大帮 组长博客链接:https://www.cnblogs.com/mhq-mhq/p/11990575.html 作业博客 : https://edu.cnblogs.com/campus/ ...
- 关于资源获取(请把https改为http)
所有demo以及资源获取,请把https改为http.
- Springboot单元测试Junit深度实践
Springboot单元测试Junit深度实践 前言 单元测试的好处估计大家也都知道了,但是大家可以发现在国内IT公司中真正推行单测的很少很少,一些大厂大部分也只是在核心产品推广单测来保障质量,今天这 ...
- 性能测试分析过程(二)cpu 使用率过高的分析方法
Linux 系统下 cpu 使用率过高的分析方法 1.通过 top 命令可以很明显查看出哪个进程耗cpu比较高 2. ps -mp 25147-o THREAD,tid,time\top -Hp pi ...
- flask 开发用户登录注册功能
flask 开发用户登录注册功能 flask开发过程议案需要四个模块:html页面模板.form表单.db数据库操作.app视图函数 1.主程序 # app.py # Auther: hhh5460 ...
- ai segmentation
不只是医学图像啊,自然图像分割用unet也能取得非常好的效果.搞过kaggle语义分割的比赛carvana.感觉最好用的还是unet,其次linknet和提拉米苏也好用.large kernel也不错 ...
- Python之schedule用法,类似linux下的crontab
# -*- coding: utf-8 -*- # author:baoshan import schedule import time def job(): print("I'm work ...