Processing 如何让ControlP5下拉列表打开而不是关闭？

使用文档中的此MWE：

import controlP5.*;
import java.util.*;


ControlP5 cp5;

void setup() {
  size(400, 400);
  cp5 = new ControlP5(this);
  List l = Arrays.asList("a", "b", "c", "d", "e", "f", "g", "h");
  /* add a ScrollableList, by default it behaves like a DropdownList */
  cp5.addScrollableList("dropdown")
     .setPosition(100, 100)
     .setSize(200, 100)
     .setBarHeight(20)
     .setItemHeight(20)
     .addItems(l)
     // .setType(ScrollableList.LIST) // currently supported DROPDOWN and LIST
     ;
     
     
}

void draw() {
  background(240);
}

---

如何使下拉列表打开而不是关闭？我正试图将列表放在屏幕的下边缘。我在文档中找不到选项。

因为ControlP5使用Java泛型，所以在这种情况下，如果覆盖

ScrollableListView

的

display（）

方法，继承实际上相当棘手：

• ScrollableList扩展控制器

• 在java中，类可以对单个类进行子类化，而不是对多个类进行子类化，因此像

  PopUpScrollableList

  这样的自定义子类将继承

  Controller

  ，而不是

  Controller

• 在

  ScrollableListView

  的

  display（）

  中访问了一组属性，这些属性属于

  ScrollableList

  ，属于

  private

  或

  protected

TLDR @laancelot建议克隆库，直接修改

ScrollableListView

的

display（）

方法，并且与自定义滚动列表的子类化相比，重新编译库听起来更容易

话虽如此，对于初学者来说，设置IDE和编译java库可能不是最友好的事情，因此我可以推荐一种黑客解决方法：简单地将列表的y位置移动，使其看起来在上面而不是下面：

import controlP5.*;
import java.util.*;


ControlP5 cp5;

ScrollableList list;
int listX = 100;
int listY = 100;
int listWidth = 200;
int listHeight = 100;
int barHeight = 20;

void setup() {
  size(400, 400);
  cp5 = new ControlP5(this);
  List l = Arrays.asList("a", "b", "c", "d", "e", "f", "g", "h");
  /* add a ScrollableList, by default it behaves like a DropdownList */
  list = cp5.addScrollableList("dropdown")
     .setPosition(listX, listY)
     .setSize(listWidth, listHeight)
     .setBarHeight(barHeight)
     .setItemHeight(20)
     .addItems(l)
     // .setType(ScrollableList.LIST) // currently supported DROPDOWN and LIST
    ;
 
     
     
}

void draw() {
  // hack: shift the list up when it's open
  if(list.isOpen()){
    list.setPosition(listX, listY - listHeight + barHeight);
  }else{
    list.setPosition(listX, listY);
  }
  background(240);
}

它在视觉上并不完美，可能是一种潜在的akward用户体验，但它是使用ControlP5实现这种定制行为的最简单的选项

另外，还值得考虑定制不同的UI库或写入自定义列表

为了便于讨论，以下是列表示例的修改版本：

/**
*单子
*
*
*一定要试试你的滚轮！
*/
导入de.bezier.guido.*；
列表框列表框；
简单按钮；
单击的对象；
无效设置（）
{
尺寸（400400）；
//任命经理
交互式。制作（此）；
//创建一个列表框
列表框=新列表框（20,30，宽度-40，高度-80）；
对于（int i=0，r=int（10+random（100））；iheight；
}
public void mouseMoved（float mx，float my）
{
如果（！可见）{
返回；
}
if（hasSlider&&mx>width-20）返回；
hoverItem=listStartAt+int（（y-y）/itemHeight）；
}
公共无效鼠标退出（浮动mx，浮动my）
{
如果（！可见）{
返回；
}
悬停项=-1；
}
//经理打来的电话
无效鼠标标记（浮动mx，浮动my）
{
如果（！可见）{
返回；
}
如果（！hasSlider）返回；
如果（mxwidth-20）返回；
int item=listStartAt+int（（y-y）/itemHeight）；
itemClicked（item，items.get（item））；
}
无效提款（）
{
如果（！可见）{
返回；
}
仰泳（）；
填充（100）；
rect（x，y，this.width，this.height）；
如果（项！=null）
{
对于（int i=0；i/**
 *    A list
 *
 *
 *    Make sure to try your scroll wheel!
 */

import de.bezier.guido.*;

Listbox listbox;
SimpleButton button;
Object lastItemClicked;

void setup ()
{
    size(400, 400);
    
    // make the manager
    
    Interactive.make( this );
    
    // create a list box
    listbox = new Listbox( 20, 30, width-40, height-80 );
    for ( int i = 0, r = int(10+random(100)); i < r; i++ )
    {
        listbox.addItem( "Item " + i );
    }
    listbox.visible = false;
    // create button
    button = new SimpleButton("pop-up list", 20, 350, width-40, 24 );
    
}

void draw ()
{
    background( 20 );
    listbox.visible = button.on;
    if ( lastItemClicked != null )
    {
        fill( 255 );
        text( "Clicked " + lastItemClicked.toString(), 30, 20 );
    }
}

public void itemClicked ( int i, Object item )
{
    lastItemClicked = item;
}

public class Listbox
{
    float x, y, width, height;
    
    ArrayList items;
    int itemHeight = 20;
    int listStartAt = 0;
    int hoverItem = -1;
    
    float valueY = 0;
    boolean hasSlider = false;
    boolean visible = true;
    
    Listbox ( float xx, float yy, float ww, float hh ) 
    {
        x = xx; y = yy;
        valueY = y;
        
        width = ww; height = hh;
        
        // register it
        Interactive.add( this );
    }
    
    public void addItem ( String item )
    {
        if ( items == null ) items = new ArrayList();
        items.add( item );
        
        hasSlider = items.size() * itemHeight > height;
    }
    
    public void mouseMoved ( float mx, float my )
    {
        if(!visible){
          return;
        }
        if ( hasSlider && mx > width-20 ) return;
        
        hoverItem = listStartAt + int((my-y) / itemHeight);
    }
    
    public void mouseExited ( float mx, float my )
    {
        if(!visible){
          return;
        }
        hoverItem = -1;
    }
    
    // called from manager
    void mouseDragged ( float mx, float my )
    {
        if(!visible){
          return;
        }
        if ( !hasSlider ) return;
        if ( mx < x+width-20 ) return;
        
        valueY = my-10;
        valueY = constrain( valueY, y, y+height-20 );
        
        update();
    }
    
    // called from manager
    void mouseScrolled ( float step )
    {
        if(!visible){
          return;
        }
        valueY += step;
        valueY = constrain( valueY, y, y+height-20 );
        
        update();
    }
    
    void update ()
    {
        if(!visible){
          return;
        }
        float totalHeight = items.size() * itemHeight;
        float itemsInView = height / itemHeight;
        float listOffset = map( valueY, y, y+height-20, 0, totalHeight-height );
        
        listStartAt = int( listOffset / itemHeight );
    }
    
    public void mousePressed ( float mx, float my )
    {
        if(!visible){
          return;
        }
        if ( hasSlider && mx > width-20 ) return;
        
        int item = listStartAt + int( (my-y) / itemHeight);
        itemClicked( item, items.get(item) );
    }

    void draw ()
    {
        if(!visible){
          return;
        }
        noStroke();
        fill( 100 );
        rect( x,y,this.width,this.height );
        if ( items != null )
        {
            for ( int i = 0; i < int(height/itemHeight) && i < items.size(); i++ )
            {
                stroke( 80 );
                fill( (i+listStartAt) == hoverItem ? 200 : 120 );
                rect( x, y + (i*itemHeight), this.width, itemHeight );
                
                noStroke();
                fill( 0 );
                text( items.get(i+listStartAt).toString(), x+5, y+(i+1)*itemHeight-5 );
            }
        }
        
        if ( hasSlider )
        {
            stroke( 80 );
            fill( 100 );
            rect( x+width-20, y, 20, height );
            fill( 120 );
            rect( x+width-20, valueY, 20, 20 );
        }
    }
}

public class SimpleButton
{
    float x, y, width, height;
    boolean on;
    
    String label = "";
    
    SimpleButton ( float xx, float yy, float w, float h )
    {
        x = xx; y = yy; width = w; height = h;
        
        Interactive.add( this ); // register it with the manager
    }
    
    SimpleButton ( String label, float xx, float yy, float w, float h )
    {
      this(xx, yy, w, h);
      this.label = label;
    }
    
    // called by manager
    
    void mousePressed () 
    {
        on = !on;
    }

    void draw () 
    {
        if ( on ) fill( 200 );
        else fill( 100 );
        
        rect(x, y, width, height);
        
        if ( on ) fill( 100 );
        else fill( 200 );
        
        text(label, x + 10, y + this.height * 0.65);
    }
}