可视化排序实践之冒泡排序
如果 排序过程 和 程序执行 能结合起来,那么这个过程会更加直观。 本文给出一个冒泡排序的可视化排序实现, 效果如下图所示: 界面组成 界面很简单就包括两个部分: 界面左侧是可视化排序部分 , 右侧是冒泡排序的代码 。 如何实现 代码 和 排序 的视觉同步? 关键点 如何在页面上表示出排序程序的运行过程。 如何将排序程序的运行过程和可视化排序结合起来,保持状态一致。 解决方法 在这个例子中,我才用了 javax.swing.JList 模拟程序的运行。 javax.swing.JList 有一个 setSelectedIndex 的方法,能高亮显示指定的行。 通过改变selectedIndex的值,能够达到模拟冒泡排序程序执行的效果。在这个过程中,记录下两个循环的索引状态值,根据这些状态值去调整可视化排序。 页面展示 初始化页面 程序随机产生10个数字,然后展示在左侧的排序面板中,每个数都用绿色的矩形展示。 private List<NumberRectangle> initialNumberRectangles() { List<NumberRectangle> list = new ArrayList<NumberRectangle>(); /** * 随机产生10个数组 */ Random random = new Random(); for (int i = 1; i <=