(libgdx学习)ScrollPane

最新推荐文章于 2017-03-16 09:25:38 发布
最新推荐文章于 2017-03-16 09:25:38 发布
阅读量2.9k 收藏
点赞数 1
分类专栏： android游戏开发——libgdx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hjd_love_zzt/article/details/22213183
版权

官方demo

/*******************************************************************************
 * Copyright 2011 See AUTHORS file.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *   http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 ******************************************************************************/

package com.badlogic.gdx.tests;

import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.graphics.GL10;
import com.badlogic.gdx.scenes.scene2d.Actor;
import com.badlogic.gdx.scenes.scene2d.InputEvent;
import com.badlogic.gdx.scenes.scene2d.InputListener;
import com.badlogic.gdx.scenes.scene2d.Stage;
import com.badlogic.gdx.scenes.scene2d.ui.Label;
import com.badlogic.gdx.scenes.scene2d.ui.ScrollPane;
import com.badlogic.gdx.scenes.scene2d.ui.Skin;
import com.badlogic.gdx.scenes.scene2d.ui.Slider;
import com.badlogic.gdx.scenes.scene2d.ui.Table;
import com.badlogic.gdx.scenes.scene2d.ui.TextButton;
import com.badlogic.gdx.scenes.scene2d.ui.TextButton.TextButtonStyle;
import com.badlogic.gdx.scenes.scene2d.utils.ChangeListener;
import com.badlogic.gdx.scenes.scene2d.utils.ClickListener;
import com.badlogic.gdx.tests.utils.GdxTest;

public class ScrollPaneTest extends GdxTest {
	private Stage stage;
	private Table container;

	public void create () {
		stage = new Stage(0, 0, false);
		Skin skin = new Skin(Gdx.files.internal("data/uiskin.json"));
		Gdx.input.setInputProcessor(stage);

		// Gdx.graphics.setVSync(false);

		container = new Table();
		stage.addActor(container);
		container.setFillParent(true);

		Table table = new Table();
		// table.debug();

		final ScrollPane scroll = new ScrollPane(table, skin);
   
		InputListener stopTouchDown = new InputListener() {
			public boolean touchDown (InputEvent event, float x, float y, int pointer, int button) {
				event.stop();
				return false;
			}
		};

		table.pad(10).defaults().expandX().space(4);
		for (int i = 0; i < 100; i++) {
			table.row();
			table.add(new Label(i + "uno", skin)).expandX().fillX();

			/**
			 * 往table中添加TextButton
			 */
//			TextButton button = new TextButton(i + "dos", skin);//创建一个TextButton
//			table.add(button);
//			button.addListener(new ClickListener() {//给TextButton添加点击事件
//				public void clicked (InputEvent event, float x, float y) {
//					System.out.println("click " + x + ", " + y);
//				}
//			});

			/**
			 * 这个音量条(类似)里面添加进度条
			 */
//			Slider slider = new Slider(0, 100, 1, false, skin);
//			slider.addListener(stopTouchDown); // Stops touchDown events from propagating to the FlickScrollPane.
//			table.add(slider);
//
//			table.add(new Label(i + "tres long0 long1 long2 long3 long4 long5 long6 long7 long8 long9 long10 long11 long12", skin));
			table.add(new Label(i + "tres long0 long1 ", skin));
		}

		final TextButton flickButton = new TextButton("Flick Scroll", skin.get("toggle", TextButtonStyle.class));
		flickButton.setChecked(true);
		flickButton.addListener(new ChangeListener() {
			public void changed (ChangeEvent event, Actor actor) {
				scroll.setFlickScroll(flickButton.isChecked());
			}
		});

		final TextButton fadeButton = new TextButton("Fade Scrollbars", skin.get("toggle", TextButtonStyle.class));
		fadeButton.setChecked(true);//将按钮设置为选中状态
		fadeButton.addListener(new ChangeListener() {
			public void changed (ChangeEvent event, Actor actor) {
				scroll.setFadeScrollBars(fadeButton.isChecked());
			}
		});
//
//		final TextButton smoothButton = new TextButton("Smooth Scrolling", skin.get("toggle", TextButtonStyle.class));
//		smoothButton.setChecked(true);
//		smoothButton.addListener(new ChangeListener() {
//			public void changed (ChangeEvent event, Actor actor) {
//				scroll.setSmoothScrolling(smoothButton.isChecked());
//			}
//		});
//
//		final TextButton onTopButton = new TextButton("Scrollbars On Top", skin.get("toggle", TextButtonStyle.class));
//		onTopButton.setChecked(true);
//		onTopButton.addListener(new ChangeListener() {
//			public void changed (ChangeEvent event, Actor actor) {
//				scroll.setScrollbarsOnTop(onTopButton.isChecked());
//			}
//		});

		/**
		 * 以下是Table的相关API的一些个人的解释
		 * row():开启一个新行
		 * right():向右移动一点,默认在最左边
		 * left():在最左边显示,默认在中间
		 * expandX():扩展X轴(最明显的效果就是用了这个以后位置向右移动了)
		 * add()添加一列
		 * right().expandX():可以理解为不断地向右拓展...
		 * space(10): 单元格与单元格之间的距离以及单元格与上边界之间的距离
		 * padBottom(0): 单元格与下边界之间的距离为0
		 * fill():将fillX()、fillY()设置成1
		 */
//		container.add(scroll).expand().fill().colspan(4);
		container.add(scroll).fill().expand().colspan(4);
		container.row().space(10).padBottom(0);
		container.add(flickButton).right().expandX();
//		container.add(onTopButton);
//		container.add(smoothButton);
		container.add(fadeButton).left().expandX();
	}

	public void render () {
		Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
		stage.act(Gdx.graphics.getDeltaTime());
		stage.draw();
		Table.drawDebug(stage);
	}

	public void resize (int width, int height) {
		stage.setViewport(width, height, false);
	}

	public void dispose () {
		stage.dispose();
	}

	public boolean needsGL20 () {
		return false;
	}
}



以下是自己写的小demo

package com.example.groupactiontest;

import com.badlogic.gdx.ApplicationListener;
import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.Input.Keys;
import com.badlogic.gdx.Input.Peripheral;
import com.badlogic.gdx.graphics.GL10;
import com.badlogic.gdx.scenes.scene2d.InputListener;
import com.badlogic.gdx.scenes.scene2d.Stage;
import com.badlogic.gdx.scenes.scene2d.ui.Label;
import com.badlogic.gdx.scenes.scene2d.ui.ScrollPane;
import com.badlogic.gdx.scenes.scene2d.ui.Skin;
import com.badlogic.gdx.scenes.scene2d.ui.Table;

public class MyGame implements ApplicationListener {
	Stage stage;
	Table container;
	
	@Override
	public void create() {
		stage = new Stage();
		container = new Table();
		stage.addActor(container);
		container.setFillParent(true);//这个必须要有,否则会显示不出来...
		
		Gdx.input.setInputProcessor(stage);
		
		
		Skin skin = new Skin(Gdx.files.internal("uiskin.json"));
		Table table = new Table();
		ScrollPane scroll = new ScrollPane(table,skin);
		
		
		/**
		 * 一单击屏幕就停止滚动
		 */
		InputListener stopTouchDown = new InputListener(){
			public boolean touchDown(com.badlogic.gdx.scenes.scene2d.InputEvent event, float x, float y, int pointer, int button) {
				event.stop();
				return false;
			};
		};
		
		table.pad(10).defaults().expandX().space(4);//这一行没有也不会对结果有太大影响....
		for(int i = 0 ; i < 100 ; ++i){//scroll里面的内容就是一百行
			table.row();//开启一个新行
			table.add(new Label("hello world" + i, skin));//这里不要写成table.add("hellozzt" + i),否则会报错...
		}
		
		container.add(scroll).fill().expand().colspan(4);
	}

	@Override
	public void dispose() {
		// TODO Auto-generated method stub

	}

	@Override
	public void pause() {
		// TODO Auto-generated method stub

	}

	@Override
	public void render() {
		Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
		
		stage.act();
		stage.draw();
	}

	@Override
	public void resize(int arg0, int arg1) {
		// TODO Auto-generated method stub

	}

	@Override
	public void resume() {
		// TODO Auto-generated method stub

	}

}



整理好后的demo

package com.example.groupactiontest;

import com.badlogic.gdx.ApplicationListener;
import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.Input.Keys;
import com.badlogic.gdx.Input.Peripheral;
import com.badlogic.gdx.graphics.GL10;
import com.badlogic.gdx.scenes.scene2d.Stage;
import com.badlogic.gdx.scenes.scene2d.ui.Label;
import com.badlogic.gdx.scenes.scene2d.ui.ScrollPane;
import com.badlogic.gdx.scenes.scene2d.ui.Skin;
import com.badlogic.gdx.scenes.scene2d.ui.Table;

public class MyGame implements ApplicationListener {

	Stage stage;
	Table container;
	
	
	@Override
	public void create() {
		stage = new Stage();
		container = new Table();
		stage.addActor(container);
		container.setFillParent(true);
		
		Gdx.input.setInputProcessor(stage);
		
		Skin skin = new Skin(Gdx.files.internal("uiskin.json"));
		Table table = new Table();
		ScrollPane scroll = new ScrollPane(table, skin);
		
		for(int i = 0 ; i < 100 ; ++i){
			table.row();
			table.add(new Label("hellozzt" + i, skin));
		}
		
		container.add(scroll).fill().expand().colspan(4);
	}

	@Override
	public void dispose() {
		// TODO Auto-generated method stub

	}

	@Override
	public void pause() {
		// TODO Auto-generated method stub

	}

	@Override
	public void render() {
		Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
		
		stage.act();
		stage.draw();
	}

	@Override
	public void resize(int arg0, int arg1) {
		// TODO Auto-generated method stub

	}

	@Override
	public void resume() {
		// TODO Auto-generated method stub

	}

}


四、源码下载

http://download.csdn.net/detail/caihongshijie6/7105501

帅气的东哥
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Libgdx游戏引擎之ScrollPane组件
码龙008
12-14 3379
1、运行界面 这是一个不显示滚动条的水平ScrollPanel，通过手势控制ScrollPanel水平移动 2、示例代码 import com.badlogic.gdx.graphics.Color; import com.badlogic.gdx.scenes.scene2d.Actor; import com.badlogic.gdx.scenes.scene2d.I
iOS8开发技术（Swift版）:照相机和图像库
07-05
本课程主要介绍了如何使用照相机和图像库，例如，拍照、录像、播放录像、编辑相册中的图像等。
libgdx Scrollpane(纵向)
03-27
libgdx Scrollpane(纵向)
libgdx ScrollPaneTest
03-27
libgdx ScrollPaneTest
libGDX飞机大战
04-25
libGDX飞机大战
详解Android Libgdx中ScrollPane和Actor事件冲突问题的解决办法
08-29
"Android Libgdx中ScrollPane和Actor事件冲突问题的解决办法" Android Libgdx是一个跨平台的游戏引擎，它提供了丰富的API来帮助开发者快速构建游戏。然而，在使用Libgdx时，开发者可能会遇到ScrollPane和Actor事件...
libgdx学习资料
02-18
这个“libgdx学习资料”压缩包包含了丰富的资源，帮助你深入理解和掌握LibGDX的各个方面。 1. **基础知识**： - LibGDX是基于OpenGL的，它提供了对底层图形处理的高级抽象，简化了游戏渲染。 - 它的核心组件包括...
Libgdx之ProgressBar (进度条) Slider(滑动条)
代码世界
05-24 7225
ProgressBar 即进度条，extends Widget。展示了在给定范围内时间/加载进度。PreferHeight是由给定的背景图片或者knob的最大高度决定的，默认的宽度width是140.Slider 滑动条，一般在游戏中设置调节音量或者调节游戏难度等等。 Slider就是一水平的指示条，允许用户设值。Extends ProgressBar 因此也具有一个min max值，一个移动步调
ScrollPane（滚动条）
QQ1012421396的博客
03-16 5288
//滚动条     ScrollPane scrollPane = new ScrollPane();  //再把文本域textArea添加到滚动条上     scrollPane.add(textArea);   //最后把滚动条添加到frame上     frame.add(scrollPane);
Kuix ScrollPane修改备忘录
shappy1978的专栏
01-20 107
   本次修改目标：为ScrollPane增加横向和纵向两个滚动条的支持，改进易用性问题。   ScrollPane默认为纵向滚动条，原来也存在横向滚动条，但是不能同时存在，通过horizon属性控制，其内部只有一个scrollBar，必须添加一个scrollBar 原有的linlinelayout布局不再适用，但是修改后可能导致原来部分ui不会自动换行，原ScrollPane默认是一个控...
CocosStudio（九）ProgressBar进度条、Slider滑动条
小飞飞的博客
10-28 7498
为什么要把ProgressBar和Slider放在一起呢？因为他俩有相似的地方。ProgressBar进度条，游戏开发中用得挺多的，比如英雄血条、玩家的经验条、加载进度条等。Slider滑动条，开发中比较少用，但是也不能少了它，比如音量条。下面我们来一起看看。 一、ProgressBar进度条 1.创建了一个进度条背景图，一个进度条（模式：Custom），进度条背景渲染层级要小于进
ProgressBar的使用以及实现进度条的增减
Simon_Crystin的博客
12-10 2034
ProgressBar 的使用，以及通过按钮实现增加和减少第一进度和第二进度条。  重要方法提要  设置窗口特征： requestWindowFeature(Window.FEATURE_PROGRESS);  获取进度条：  int first=progressBar.getProgress();  int second=progressBar.getSecondaryProgress
Libgdx学习笔记：可垂直滚动的文本组件CHScrollLabel
weixin_34124651的博客
02-02 199
2019独角兽企业重金招聘Python工程师标准>>> ...
Libgdx之Group
代码世界
06-06 5701
Libgdx之GroupGroup可以说Libgdx中非常好用的一个组件，可以把其余的Actor封装在一起，然后赋予同样的Actions或者Position等。 Group的坐标是从左下角开始的，如果将设置Group.setPosition(0,0) 那么就是从屏幕左下角开始。
Libgdx之Table 表格排版
代码世界
06-11 5270
做游戏的时候一般都会有一个菜单屏，里面有各种选项如：静音、调节声音大小、帮助、游戏介绍。这时候我们就需要对各个按钮或者演员来排序，Table就是一个能很好帮助我们进行排序的工具。 Table extends WidgetGroup 我们可以知道Table继承自Group，我们进行排序的时候也可以赋予简单的动作，如做一个Button切换的动画等等。
(libgdx学习)AssetManager及进度条的绘制
黄俊东的专栏
04-01 2096
进度条的绘制实际上就是根据已经加载资源的百分比来改变图片的长度 一、初始化及常见API manager.load("animation.png",Texture.class); manager.unload("animation.png"); manager.isLoaded("animation.png") manager.get("animation.png",T
Java.Container.ScrollPane-Panel
CodeAnt的专栏
12-24 1440
<br />//TestPane.java package myprojects.testpane; import java.awt.*; import java.awt.event.*; class TestPane extends Frame { public TestPane() { addWindowListener(new WindowAdapter() { public void windowClosing(WindowEvent e) {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

帅气的东哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值