Help Implementing a List View in standard processing..

Programming Questions

technochr..

Help Implementing a List View in standard processing..

in Programming Questions • 1 year ago

Hello All,

I am trying to make a List View similar to Androids, in standard processing, and have a skeleton started. But i have no clue on how to code the methods so that i could add and remove the items. Has this been done before? Maybe a library could help me... If anyone has any opinions, please post them...Thanks

PApplet app = this;
SideList Sl;
int ListLocation;
void setup() {
size(250, 800);
ListLocation = 0;
Sl = new SideList(ListLocation);
}
void draw() {
}
int ItemTally = 0;
public class SideList {
ArrayList Items = new ArrayList();
int itemHeight = 50;
int X;
SideList(int x) {
X=x;
Items.add( new SideListItem("Front", "Light Detection", X, Items.size()*(itemHeight+1), itemHeight));
Items.add( new SideListItem("Front", "Light Detection", X, Items.size()*(itemHeight+1), itemHeight));
Items.add( new SideListItem("Left", "Light Detection", X, Items.size()*(itemHeight+1), itemHeight));
app.registerDraw(this);
}
void setItemHeight(int i) {
itemHeight = i;
}
void draw() {
fill(100);
noStroke();
rect(X, 0, 250, height);
for (int i=0; i<Items.size(); i++) {
SideListItem Item = (SideListItem) Items.get(i);
Item.display();
}
fill(0);
rect(X, height-40, 250, 40);
textAlign(LEFT, TOP);
fill(255);
textSize(30);
text(timestampTime(), X+10, height-40);
}
}
public class SideListItem {
int I, X, Y, height;
int ID;
String Location, Info;
SideListItem(String loc, String info, int x, int y, int h) {
X=x;
Y=y;
height=h;
Location = loc;
Info = info;
println("Built SideList ITEM: "+ I +" @"+X+","+Y );
}
void display()
{
fill(255);
noStroke();
rect(X, Y, 250, height);
fill(0);
textSize(14);
textAlign(LEFT, TOP);
text(Location, X+2, Y);
textAlign(RIGHT, TOP);
textSize(9);
text(": XX/XX/XX XX:XX:XX", X+250, Y);
text("Elapsed Time: 32 seconds", X+250, Y+12);
textAlign(LEFT, TOP);
textSize(16);
text(Info, X, Y+30);
noFill();
}
}
String timestampTime() {
Calendar now = Calendar.getInstance();
return String.format("%1$tH:%1$tM:%1$tS", now);
}

Replies(7)

calsign

Re: Help Implementing a List View in standard processing..

1 year ago

What do you have so far?
Showing your code is always beneficial...

I don't know of anything similar to the ListView. Perhaps you could check out controlP5 to see if there's something there...

technochr..

Re: Help Implementing a List View in standard processing..

1 year ago

The issue is that i need multiple editable feilds in the list... Say to change the "Info" related to an already posted "Location". i just think that using an ArrayList might be hindering my abilities with this, Im not sure.

This is going to be a right hand overlay for a full screen app, i just wanted separate classes handling this view/object...

calsign

Re: Help Implementing a List View in standard processing..

1 year ago

I don't understand how ArrayLists could hinder your ability to use multiple editable fields...

Notes:

By convention, all variable names should begin with a lower case letter.
See the Java Naming Conventions...

For example, here:

SideList(int x) {
X = x;
//etc.

The "correct" way to do this is to declare them both with the same name and do the following:

SideList(int x) {
this.x = x;
//etc.

Because this refers to the current object...

PhiLho

Re: Help Implementing a List View in standard processing..

1 year ago

Well, ArrayList have add(), insert() and remove() methods, so it is quite flexible. You should have no problem making your list view as much flexible as your underlying collection. Nice implementation, BTW.

technochr..

Re: Help Implementing a List View in standard processing..

1 year ago

Heres a small update. i added the times, and elapsed...Also if i drop an item the list shifts up. Post if anyone has any ideas....

PApplet app = this;
GregorianCalendar gcNow, gcBefore;
SideList Sl;
int ListLocation;
void setup() {
size(250, 800);
ListLocation = 0;
Sl = new SideList(ListLocation);
}
void keyPressed() {
if (key == CODED) {
if (keyCode == UP) {
Sl.postItem("Door", "Detection", "XXX");
}
else if (keyCode == DOWN) {
Sl.dropItem("Door", "Detection", "XXX");
}
else if (keyCode == LEFT) {
Sl.postItem("Light", "Detection", "XXX");
}
else if (keyCode == RIGHT) {
Sl.dropItem("Light", "Detection", "XXX");
}
}
else {
Sl.postItem("Left", "Light Detection", "XXX");
}
}
void draw() {
}
public class SideList {
ArrayList Items = new ArrayList();
int itemHeight = 50;
int x;
SideList(int x) {
this.x=x;
app.registerDraw(this);
println("Built SideList");
}
void postItem(String loc, String info, String time) {
boolean found = false;
for (int i=0; i<Items.size(); i++) {
SideListItem item = (SideListItem) Items.get(i);
println((String) item.location);
if (loc.equals((String) item.location) && info.equals((String) item.info)) {
found = true;
}
}
if (!found) {
//println("No Match Found, Posting");
Items.add( new SideListItem(loc, info, timestampTime(), timestampDate(), x, Items.size()*(itemHeight+1), itemHeight));
}
else {
//println("Found Match, wont post");
}
}
void dropItem(String loc, String info, String time) {
boolean found = false;
for (int i=0; i<Items.size(); i++) {
SideListItem item = (SideListItem) Items.get(i);
println((String) item.location);
if (loc.equals((String) item.location) && info.equals((String) item.info)) {
found = true;
}
if (!found) {
//println("No Match Found, Cant Drop");
}
else {
//println("Found Match, Dropping");
Items.remove(i);
resetHeights();
}
}
}
void resetHeights() {
for (int i=0; i<Items.size(); i++) {
SideListItem Item = (SideListItem) Items.get(i);
Item.setY(i*(itemHeight+1));
}
}
void setItemHeight(int i) {
itemHeight = i;
}
void draw() {
fill(100);
noStroke();
rect(x, 0, 250, height);
for (int i=0; i<Items.size(); i++) {
SideListItem Item = (SideListItem) Items.get(i);
Item.display();
}
fill(0);
rect(x, height-40, 250, 40);
textAlign(LEFT, TOP);
fill(255);
textSize(30);
text(timestampTime(), X+10, height-40);
}
}
public class SideListItem {
int x, y, height;
String location, info, time, date;
SideListItem(String location, String info, String time, String date, int x, int y, int height) {
this.x = x;
this.y = y;
this.height = height;
this.location = location;
this.info = info;
this.time = time;
this.date = date;
println("Built SideList ITEM: "+date+" "+time+" "+location+" "+info);
}
void setY(int y) {
this.y = y;
}
void setHeight(int i) {
height = i;
}
void display()
{
fill(255);
noStroke();
rect(x, y, 250, height);
fill(0);
textSize(14);
textAlign(LEFT, TOP);
text(location, x+2, y);
textAlign(RIGHT, TOP);
textSize(9);
text(date+" "+time, x+250, y);
text("Elapsed Time: "+elapsedTime(time, date), x+250, y+12);
textAlign(LEFT, TOP);
textSize(16);
text(info, x, y+30);
noFill();
}
}
String elapsedTime(String time, String date) {
String tmp ="";
DateTime end = new DateTime();
String[] timeSplit = splitTokens(time, ":");
String[] dateSplit = splitTokens(date, "/");
DateTime start = new DateTime(int(dateSplit[2]), int(dateSplit[0]), int(dateSplit[1]), int(timeSplit[0]), int(timeSplit[1]), int(timeSplit[2]));
Period period = new Period(start, end);
if ((period.getHours()>0) && period.getMinutes()>0) {
tmp = period.getHours()+"hr, "+period.getMinutes()+"m, "+period.getSeconds()+"s";
}
else
if
(period.getMinutes()>0) {
tmp = period.getMinutes()+"m, "+period.getSeconds()+"s";
}
else {
tmp = period.getSeconds()+"s";
}
return tmp;
}
String timestampTime() {
Calendar now = Calendar.getInstance();
return String.format("%1$tH:%1$tM:%1$tS", now);
}
String timestampDate() {
Calendar now = Calendar.getInstance();
return String.format("%1$tm/%1$td/%1$tY", now);
}

calsign

Re: Help Implementing a List View in standard processing..

1 year ago

How do you use the GregorianCalendar or DateTime? What imports did you use, or... do I just need to update Java?

technochr..

Re: Help Implementing a List View in standard processing..

1 year ago

Oh sorry, added Joda Time to the code folder..

Top Reply