[GastForen Programme Print/Bildbearbeitung Adobe InDesign Skriptwerkstatt Scrollbar Panel Script UI

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Print/Bildbearbeitung - Photos, Layout, Design
Themen
Beiträge
Moderatoren
Letzter Beitrag

Scrollbar Panel Script UI

MarioF
Beiträge gesamt: 207

15. Okt 2019, 00:23
Beitrag # 1 von 7
Bewertung:
(638 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Moin,
ich versuche in ein Panel ein Scrollbalken einzubauen. Dazu habe ich mir das Beispiel von Peter Kahrel geschnappt. Das Prinzip ist soweit klar. Ich möchte aber im Panel selber mehre Felder nebeneinander haben

Leider bekomme ich die Felder aber nicht neben einander.
Code
var w = new Window('dialog'); 
w.preferredSize.width = 700;
w.preferredSize.height = 300;
w.maximumSize.height = 300;

var panel = w.add ('panel', undefined, undefined,{name: "panel", borderStyle: "", su1PanelCoordinates: true});
panel.preferredSize.width = 700;
panel.orientation = "column";
panel.alignChildren = ["left","top"];
panel.spacing = 10;
panel.margins = 10;

var scrollGroup = panel.add ('group');
scrollGroup.preferredSize.width = 500;
scrollGroup.orientation = "column";
scrollGroup.alignChildren = ["left","top"];
scrollGroup.spacing = 10;
scrollGroup.margins = 10;

for (var i = 0; i < _array.length; i++) {

scrollGroup.edit = scrollGroup.add("edittext", [" ", " ", 300, 25], _array[i][0]);
scrollGroup.edit2 = scrollGroup.add("edittext", [" ", " ", 80, 25], _array[i][1]);
scrollGroup.edit3 = scrollGroup.add("edittext", [" ", " ", 80, 25], _array[i][2]);
scrollGroup.checkbox1 = scrollGroup.add("checkbox", undefined, undefined);
scrollGroup.checkbox1.value = _array[i][3]
scrollGroup.index = scrollGroup.length - 1;
}
var scrollBar = panel.add ('scrollbar {stepdelta: 20}');

// Move the whole scroll group up or down
scrollBar.onChanging = function () {
scrollGroup.location.y = -1 * this.value;
}
w.onShow = function() {
// Set various sizes and locations when the window is drawn
panel.size.height = w.size.height-20;
scrollBar.size.height = w.size.height-40;
scrollBar.size.width = 20;
scrollBar.location = [panel.size.width-30, 8];
scrollBar.maxvalue = scrollGroup.size.height - panel.size.height + 15;
scrollBar.orientation = "column";
scrollBar.alignChildren = ["left","top"];
};
w.show();


Habt ihr eine Idee?
---
Viele Grüße
Mario

Anhang:
Beispiel.png (94.2 KB)
X

Scrollbar Panel Script UI

WernerPerplies
Beiträge gesamt: 2393

15. Okt 2019, 06:42
Beitrag # 2 von 7
Beitrag ID: #572284
Bewertung:
(616 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Moin Mario,

property orientation:"row"/"columns" erledigt den Job für Windows, Panels und Groups.

Einen schönen Tag wünscht

Werner Perplies
Auftragsprogrammierung und Skripte für Adobe InDesign
neu: WpsProjectHandler 15.06.2018, Version 1.75, neue Funktionen
Aktuelles
XING


als Antwort auf: [#572283]

Scrollbar Panel Script UI

Martin Fischer
  
Beiträge gesamt: 12177

15. Okt 2019, 08:43
Beitrag # 3 von 7
Beitrag ID: #572285
Bewertung:
(600 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Mario,

ändere testweise mal
Code
scrollGroup.orientation = "column"; 

in
Code
scrollGroup.orientation = "row"; 


Jetzt ist es (vermutlich) zu viel in einer Reihe.

Also brauchst Du eine weitere Unterteilung der ScrollGroup.

Die Orientierung der scrollGroup bleibt bei "column". Aber die Orientierung der scrollSubGroup wird als "row" eingerichtet.

Also etwa so:
Code
var scrollSubGroup = []; 
for (var i = 0; i < _array.length; i++) {
scrollSubGroup[i] = scrollGroup.add ('group');
scrollSubGroup[i].orientation = "row";
scrollSubGroup[i].edit = scrollSubGroup[i].add("edittext", [" ", " ", 300, 25], _array[i][0]);
scrollSubGroup[i].edit2 = scrollSubGroup[i].add("edittext", [" ", " ", 80, 25], _array[i][1]);
scrollSubGroup[i].edit3 = scrollSubGroup[i].add("edittext", [" ", " ", 80, 25], _array[i][2]);
scrollSubGroup[i].checkbox1 = scrollSubGroup[i].add("checkbox", undefined, undefined);
scrollSubGroup[i].checkbox1.value = _array[i][3]
scrollSubGroup[i].index = scrollSubGroup[i].length - 1;
}



Viele Grüße
Martin




als Antwort auf: [#572283]
(Dieser Beitrag wurde von Martin Fischer am 15. Okt 2019, 08:51 geändert)

Anhang:
x.png (114 KB)   0.png (130 KB)

Scrollbar Panel Script UI

MarioF
Beiträge gesamt: 207

15. Okt 2019, 11:03
Beitrag # 4 von 7
Beitrag ID: #572288
Bewertung:
(539 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Moin,
danke für eure Antworten.
Werde es testen, soweit ich am Rechner zurück bin ;)
---
Viele Grüße
Mario


als Antwort auf: [#572285]

Scrollbar Panel Script UI

MarioF
Beiträge gesamt: 207

17. Okt 2019, 18:09
Beitrag # 5 von 7
Beitrag ID: #572374
Bewertung:
(443 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Moin,
danke noch einmal, das klappt so weit ganz gut. Da mein Dialog doch etwas umfangreicher ist, muss ich es wohl in die Auftragsvergabe einstellen.
---
Viele Grüße
Mario


als Antwort auf: [#572285]

Scrollbar Panel Script UI

Martin Fischer
  
Beiträge gesamt: 12177

17. Okt 2019, 22:38
Beitrag # 6 von 7
Beitrag ID: #572380
Bewertung:
(426 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Mario,

wenn Dir die Schreiberei von Code zu viel Mühe bereitet, dann kannst Du auch mal einen Blick auf den ScriptUI Dialog Builder von Joonas Paakko werfen.

(Den Link dorthin habe ich letzthin bei Gerald entdeckt.)


Viele Grüße
Martin




als Antwort auf: [#572374]

Scrollbar Panel Script UI

MarioF
Beiträge gesamt: 207

17. Okt 2019, 23:10
Beitrag # 7 von 7
Beitrag ID: #572381
Bewertung: ||
(418 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Moin Martin,
die Seite ist bekannt, und hat auch schon sehr geholfen.
Ich habe versucht, dieses Beispiel von Gerald mit der Scrollbar umzusetzen
https://www.hilfdirselbst.ch/...?post=540693;#540693
Da musste ich etwas mit den Gruppen schieben, damit alle Funktionen klappen.
Hab es erst einmal hinbekommen. Nicht schön, aber klappt ;-)


---
Viele Grüße
Mario


als Antwort auf: [#572380]
Anhang:
bf.png (106 KB)
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
18.11.2019

Düsseldorf
Montag, 18. Nov. 2019, 09.30 Uhr

Schulung, Seminar

Mit WordPress ist es möglich, ohne große Kosten und ohne Programmierkenntnisse eine ansprechende Webseite zu erstellen, die allen Anforderungen des modernen Webdesigns – besonders unter Beachtung der Suchmaschinenoptimierung (SEO) – gerecht wird. Unsere Schulung Webdesign mit WordPress zeigt Ihnen, wie Sie hochwertige Webseiten mit WordPress erstellen.

Ja

Organisator: Cleverprinting.de

https://www.cleverprinting.de/schulungen/schulung-webdesign-mit-wordpress/

Suchmaschinen-optimiertes Webdesign mit WordPress
Veranstaltungen
19.11.2019 - 20.11.2019

Düsseldorf
Dienstag, 19. Nov. 2019, 09.30 Uhr - Mittwoch, 20. Nov. 2019, 17.30 Uhr

Schulung, Seminar

Unsere Schulung „Zweitägige Weiterbildung zum Cleverprinting-Reinzeichner“ bietet allen Anwendern, die in Agenturen oder freiberuflich als Reinzeichner bzw. in der Reinzeichnung arbeiten, topaktuelles Grafik- und PrePress-Fachwissen rund um das Thema „Druckdatenerstellung mit InDesign, Photoshop, Acrobat“.

Ja

Organisator: Cleverprinting.de

https://www.cleverprinting.de/zweitaegige-weiterbildung-zum-cleverprinting-reinzeichner/

Zweitägige Weiterbildung zum Cleverprinting-Reinzeichner
Hier Klicken