2021-06-06 弹窗练习

//主窗口
public class DiaLodDemo0 extends JFrame {
    public DiaLodDemo0() {
        this.setVisible(true);
        this.setSize(700,500);
        this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);//点击退出
        //放东西容器
        Container container = this.getContentPane();
        //绝对布局
        container.setLayout(null);
        //按钮
        JButton jb1 = new JButton("点击弹窗"); //创建
        jb1.setBounds(30,30,200,50);
        //点击这个按钮的时候,弹窗窗口
        jb1.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                //弹窗
                new MyDialogDemo();
            }
        });
        container.add(jb1);

    }

    public static void main(String[] args) {
        new DiaLodDemo0();

    }
}
//弹窗的窗口
class MyDialogDemo extends JDialog{
    public MyDialogDemo() {
        this.setVisible(true);
        this.setBounds(100,100,500,500);

        Container container = this.getContentPane();
        container.setLayout(null);
        container.add(new Label("谈个东西出来"));
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
在Vue组件中调用弹窗组件可以通过以下步骤实现: 1. 首先,创建一个弹窗组件,可以在组件的`template`中定义弹窗的内容和样式。 ```vue <template> <div class="modal"> <div class="modal-content"> <!-- 弹窗内容 --> <slot></slot> </div> </div> </template> <script> export default { name: 'Modal', // ...组件的其他配置 } </script> <style> .modal { /* 弹窗样式 */ } .modal-content { /* 弹窗内容样式 */ } </style> ``` 2. 在需要使用弹窗的父组件中,引入并注册弹窗组件。 ```vue <template> <div> <!-- 点击按钮触发弹窗 --> <button @click="openModal">打开弹窗</button> <!-- 使用弹窗组件 --> <Modal v-if="showModal"> <!-- 弹窗内容 --> <h2>这是一个弹窗</h2> <p>欢迎使用弹窗组件!</p> <button @click="closeModal">关闭</button> </Modal> </div> </template> <script> import Modal from './Modal.vue'; export default { name: 'ParentComponent', components: { Modal, }, data() { return { showModal: false, }; }, methods: { openModal() { this.showModal = true; }, closeModal() { this.showModal = false; }, }, } </script> ``` 在上述代码中,点击按钮 `打开弹窗` 会触发 `openModal` 方法,将 `showModal` 属性设置为 `true`,从而显示弹窗组件。弹窗组件在父组件中使用时,可以通过插槽(slot)传递弹窗的内容和样式。 这样,当点击按钮时,弹窗组件会显示,并且可以通过弹窗中的按钮或其他交互元素来关闭弹窗

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值