javafx的ListView代入项目的使用

目录

[1. 创建一个可观察的列表,用于存储ListView中的数据,这里的User是包装了用户的相关信息。](#1. 创建一个可观察的列表,用于存储ListView中的数据,这里的User是包装了用户的相关信息。)

2.通过本人id获取friendid,及好友的id,然后用集合接送,更方便直观一点。

3.用for遍历集合,逐个添加。

4.渲染器(ImageCellFctoryFriendList)定制

5.渲染器具体方法如下:


1. 创建一个可观察的列表,用于存储ListView中的数据,这里的User是包装了用户的相关信息。

cpp 复制代码
 // 创建一个可观察的列表,用于存储ListView中的数据
  ObservableList<User> friendList = FXCollections.observableArrayList();

记得把javafx的你需要使用的ListView命名

2.通过本人id获取friendid,及好友的id,然后用集合接送,更方便直观一点。

cpp 复制代码
​
 List<User> ren = (List<User>) Connection.ois.readObject();//我的id,好友id及添加时间

​

3.用for遍历集合,逐个添加。

cpp 复制代码
for (User user : ren) {  

sitItems展示我添加的好友信息(项目中我只展示了好友的头像,昵称及在线状态)

cpp 复制代码
​
 this.friendListview.setItems(this.friendList);
                    this.friendList.add(person);

​

最后,通过**setCellFctory**(渲染器)展示控件的每个单元格,并且它可以允许你为每个单元格提供一个定制的渲染器,这里我定制的渲染器为ImageCellFctoryFriendList(方法名自定义),为自定义函数,格式需要一样,但是内容可以自定义。

cpp 复制代码
 this.friendListview.setCellFactory(new ImageCellFactoryFriendList());

4.渲染器(ImageCellFctoryFriendList)定制

具体代码在本文章的最后!!!

这里先获取需要的用户信息,然后进行展示,两个50分别为展示头像的长和宽。

cpp 复制代码
 //更新单元格内容
                    String username = listviewmember.name;//获取用户名
                    String imagePath = listviewmember.image;//获取用户头像
                    int online = listviewmember.online; // 获取用户在线状态
                    //显示头像
                    File imageFile = new File(imagePath);
                    Image images = new Image(imageFile.toURI().toString());
                    this.imageView.setFitWidth(50.0);
                    this.imageView.setFitHeight(50.0);
                    this.imageView.setImage(images);
                    this.setGraphic(this.imageView);
                    // 设置用户名
                    setText(username);
                    // 设置在线状态的颜色
                    if (online==1) {
                        setTextFill(Color.GREEN); // 在线状态为绿色
                        setText(username + " (在线)");
                    } else {
                        setTextFill(Color.RED); // 不在线状态为红色
                        setText(username + " (离线)");
                    }
                    this.setPrefHeight(-1.0);

设置右击菜单,这里右会出现两个按钮,

复制代码
option1.setOnAction((event) -> {是设置点击按钮1,执行查看资料功能,内容可以直接设置。

注意 :有几个按钮就需要添加几个进MenuItem

cpp 复制代码
          //设置右键菜单
                    ContextMenu contextMenu = new ContextMenu();
                    MenuItem option1 = new MenuItem("查看资料");
                    MenuItem option2 = new MenuItem("删除好友");
                    contextMenu.getItems().addAll(new MenuItem[]{option1,option2});
                    this.setContextMenu(contextMenu);
                    //查看资料
                    option1.setOnAction((event) -> {

最后显示之前设置的MenuItem

cpp 复制代码
//设置鼠标点击事件,当右键点击时,显示上述创建的ContextMenu
                    this.setOnMouseClicked((event) -> {
                        if (event.getButton() == MouseButton.SECONDARY) {
                            contextMenu.show(this, event.getScreenX(), event.getScreenY());
                        }
                    });

具体效果如下:

5.渲染器具体方法如下:

其中User为用户信息,MarkTool类是为了方便客户端,服务端传递信息的。

cpp 复制代码
public class ImageCellFactoryFriendList implements Callback<ListView<User>, ListCell<User>> {
    public ImageCellFactoryFriendList() {
    }

    public ListCell<User> call(ListView<User> param) {
        return new ListCell<User>() {
            private ImageView imageView = new ImageView();
            protected void updateItem(User listviewmember, boolean empty) {
                super.updateItem(listviewmember, empty);
                if (!empty && listviewmember != null) {
                    //更新单元格内容
                    String username = listviewmember.name;//获取用户名
                    String imagePath = listviewmember.image;//获取用户头像
                    int online = listviewmember.online; // 获取用户在线状态
                    //显示头像
                    File imageFile = new File(imagePath);
                    Image images = new Image(imageFile.toURI().toString());
                    this.imageView.setFitWidth(50.0);
                    this.imageView.setFitHeight(50.0);
                    this.imageView.setImage(images);
                    this.setGraphic(this.imageView);
                    // 设置用户名
                    setText(username);
                    // 设置在线状态的颜色
                    if (online==1) {
                        setTextFill(Color.GREEN); // 在线状态为绿色
                        setText(username + " (在线)");
                    } else {
                        setTextFill(Color.RED); // 不在线状态为红色
                        setText(username + " (离线)");
                    }
                    this.setPrefHeight(-1.0);
                    //设置右键菜单
                    ContextMenu contextMenu = new ContextMenu();
                    MenuItem option1 = new MenuItem("查看资料");
                    MenuItem option2 = new MenuItem("删除好友");
                    contextMenu.getItems().addAll(new MenuItem[]{option1,option2});
                    this.setContextMenu(contextMenu);
                    //查看资料
                    option1.setOnAction((event) -> {
                        System.out.println("查看资料按钮!!");
                        LookPersonalData.id = listviewmember.id;
                        LookPersonalData.user=listviewmember;
                        FriendPersonalData.user = listviewmember;//???
                        URL url = this.getClass().getResource("LookPersonalData.fxml");
                        if (url == null) {
                            System.err.println("无法找到LookPersonalData.fxml资源文件");
                        } else {
                            Parent root = null;
                            try {
                                root = (Parent)FXMLLoader.load(url);
                            } catch (IOException var7) {
                                IOException e = var7;
                                e.printStackTrace();
                                return;
                            }
                            Stage stage = new Stage();
                            stage.setTitle("个人界面");
                            stage.initStyle(StageStyle.UTILITY);
                            Scene scene = new Scene(root, 800.0, 640.0);
                            stage.setScene(scene);
                            stage.show();
                        }
                    });
                    //删除好友
                    option2.setOnAction((event) -> {
                        System.out.println("删除好友按钮!!");
                           try {
                                String id = listviewmember.id;
                                String friendid = listviewmember.friendid;

                                User u = new User(id, friendid);
                                String Operation = MarkTool.DeleteFriend;
                                Connection.oos.writeObject(Operation);
                                Connection.oos.writeObject(u);
                                String response = Connection.ois.readObject().toString();
                                System.out.println(response + "删除成功与否结果已收到");//103    yes
                                if (response.equals(MarkTool.DeleteFriendfail)) {
                                    Alert alertxx = new Alert(Alert.AlertType.INFORMATION);
                                    alertxx.setTitle("错误");
                                    alertxx.setHeaderText((String)null);
                                    alertxx.setContentText("删除失败,看样子他不想失去你呢!");
                                    alertxx.showAndWait();
                                }else {
                                    Alert alertx = new Alert(Alert.AlertType.INFORMATION);
                                    alertx.setTitle("正确");
                                    alertx.setHeaderText((String) null);
                                    alertx.setContentText("删除成功,减少一位损友!");
                                    alertx.showAndWait();
                                }
                            }  catch (IOException var15) {
                                IOException exx = var15;
                                throw new RuntimeException(exx);
                            } catch (ClassNotFoundException var16) {
                                ClassNotFoundException ex = var16;
                                throw new RuntimeException(ex);
                            }
                    });
                    //设置鼠标点击事件,当右键点击时,显示上述创建的ContextMenu
                    this.setOnMouseClicked((event) -> {
                        if (event.getButton() == MouseButton.SECONDARY) {
                            contextMenu.show(this, event.getScreenX(), event.getScreenY());
                        }
                    });
                } else {
                    this.setText((String)null);
                    this.setGraphic((Node)null);
                    this.setPrefHeight(0.0);
                }

            }
        };
    }
}
相关推荐
远游客07132 小时前
centos stream 8下载安装遇到的坑
linux·服务器·centos
LIKEYYLL4 小时前
GNU Octave:特性、使用案例、工具箱、环境与界面
服务器·gnu
云云3215 小时前
搭建云手机平台的技术要求?
服务器·线性代数·安全·智能手机·矩阵
云云3215 小时前
云手机有哪些用途?云手机选择推荐
服务器·线性代数·安全·智能手机·矩阵
CircleMouse5 小时前
Centos7, 使用yum工具,出现 Could not resolve host: mirrorlist.centos.org
linux·运维·服务器·centos
木子Linux6 小时前
【Linux打怪升级记 | 问题01】安装Linux系统忘记设置时区怎么办?3个方法教你回到东八区
linux·运维·服务器·centos·云计算
不惑_6 小时前
小白入门 · 腾讯云轻量服务器部署 Hadoop 3.3.6
服务器·hadoop·腾讯云
阿甘知识库6 小时前
宝塔面板跨服务器数据同步教程:双机备份零停机
android·运维·服务器·备份·同步·宝塔面板·建站
zhou周大哥8 小时前
linux 安装 ffmpeg 视频转换
linux·运维·服务器
loong_XL9 小时前
服务器ip:port服务用nginx 域名代理
服务器·tcp/ip·nginx