举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > javascript手风琴代码 JavaFX手风琴

javascript手风琴代码 JavaFX手风琴

2023-03-17 02:20 Java教程

javascript手风琴代码 JavaFX手风琴

javascript手风琴代码

javascript手风琴代码是一种常用的交互式网页设计技术,它可以使用户在浏览网页时能够更加直观地看到内容。它的原理是,当用户点击一个标题时,会显示该标题下的内容,而其他标题则会收起来。

javascript手风琴代码的实现原理很简单,只要使用html和css来创建一个手风琴效果,然后使用javascript来控制标题和内容的显示和隐藏。下面是一个典型的javascript手风琴代码例子:

<div class="accordion"> 
  <div class="accordion-item"> 
    <a href="#">Title 1</a> 
    <div class="content"> 
      Content 1 
    </div> 
  </div> 

  <div class="accordion-item"> 
    <a href="#">Title 2</a> 
    <div class="content"> 
      Content 2  
    </div>  

   ...

   ...

   ...

   ...

   ...

   ...

   ...

   ...

   ...

   ...

   ...

   ...

   ...

   ...

     <:script type="text/javascript" src="accordion.js" />:script>     // 加载js文件     // 加载js文件     // 加载js文件     // 加载js文件     // 加载js文件     // 加载js文件     // 加载js文件     // 加载js文件     // 加载js文件      

JavaFX手风琴

JavaFX教程 - JavaFX手风琴


可以使用手风琴控件对标题窗格进行分组。

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Accordion;
import javafx.scene.control.Button;
import javafx.scene.control.TitledPane;
import javafx.stage.Stage;
//from   w  w w  .j  ava 2  s  .com
public class Main extends Application {
  public static void main(String[] args) {
    Application.launch(args);
  }

  @Override
  public void start(Stage primaryStage) {
    Group g = new Group();
    Scene scene = new Scene(g, 550, 250);

    TitledPane t1 = new TitledPane("T1", new Button("B1"));
    TitledPane t2 = new TitledPane("T2", new Button("B2"));
    TitledPane t3 = new TitledPane("T3", new Button("B3"));
    Accordion accordion = new Accordion();
    accordion.getPanes().addAll(t1, t2, t3);

    g.getChildren().add(accordion);

    primaryStage.setScene(scene);
    primaryStage.show();
  }
}

上面的代码生成以下结果。

null


手风琴事件

import javafx.application.Application;
import javafx.beans.value.ObservableValue;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Accordion;
import javafx.scene.control.Button;
import javafx.scene.control.TitledPane;
import javafx.stage.Stage;

public class Main extends Application {
  public static void main(String[] args) {
    Application.launch(args);
  }

  @Override
  public void start(Stage primaryStage) {
    Group g = new Group();
    Scene scene = new Scene(g, 550, 250);

    TitledPane t1 = new TitledPane("T1", new Button("B1"));
    TitledPane t2 = new TitledPane("T2", new Button("B2"));
    TitledPane t3 = new TitledPane("T3", new Button("B3"));
    Accordion accordion = new Accordion();
    accordion.getPanes().addAll(t1, t2, t3);

    accordion.expandedPaneProperty().addListener(
        (ObservableValue<? extends TitledPane> ov, TitledPane old_val, 
        TitledPane new_val) -> {
            if (new_val != null) {
                System.out.println(accordion.getExpandedPane().getText());
            }
    });

    
    g.getChildren().add(accordion);

    primaryStage.setScene(scene);
    primaryStage.show();
  }
}

当在手风琴中打开标题窗格时,手风琴的扩展窗格属性改变。

上面的代码生成以下结果。

null


阅读全文
以上是名动网为你收集整理的javascript手风琴代码 JavaFX手风琴全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们