[{"data":1,"prerenderedAt":153},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-tool":3},{"id":4,"title":5,"body":6,"category":140,"description":141,"extension":142,"keywords":143,"meta":144,"navigation":145,"order":146,"path":147,"rawbody":148,"seo":149,"stem":150,"updated":151,"__hash__":152},"helpDe\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-tool.de.md","Expression-Tool",{"type":7,"value":8,"toc":136},"minimark",[9,18,29,36,41,44,50,55,96,103,113,118,126],[10,11,12,13,17],"p",{},"Die meisten Eigenschaften in Bluepic haben einen festen Wert, etwa eine Farbe oder eine Zahl, die du eintippst. Eine ",[14,15,16],"strong",{},"Expression"," lässt eine Eigenschaft ihren Wert stattdessen berechnen, sodass sie auf Inputfelder, andere Elemente oder von dir definierte Logik reagieren kann.",[10,19,20,21,24,25,28],{},"Das Expression-Tool, der ",[14,22,23],{},"fx","-Button in der Toolbar, ist der Weg, den ",[14,26,27],{},"Expression-Editor"," zu öffnen: Klicke darauf und dann auf die Eigenschaft, die du dynamisch machen möchtest.",[10,30,31],{},[32,33],"img",{"alt":34,"src":35},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F817021ca-9de9-4ef8-b038-27bbee95ae00\u002Fmax",[37,38,40],"h2",{"id":39},"der-expression-editor","Der Expression-Editor",[10,42,43],{},"Der Editor öffnet sich in einem kleinen, verschiebbaren Fenster mit zwei Arbeitsweisen, die du über die Icons in der oberen Ecke umschaltest.",[10,45,46,49],{},[14,47,48],{},"Builder view"," lässt dich die Expression aus Blöcken zusammensetzen. Durchsuche die Bausteine unter vier Tabs und klicke, um sie einzufügen:",[10,51,52],{},[32,53],{"alt":34,"src":54},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F3b492cac-cea7-4d24-9a3d-c672bcd86100\u002Fmax",[56,57,58,69,78,87],"ul",{},[59,60,61,68],"li",{},[14,62,63],{},[64,65,67],"a",{"href":66},"\u002Fhelp\u002Fexpressions-and-logic\u002Ffunctions","Functions",": nach Zweck gruppierte Operationen, etwa Math, Color, Logic, Animation und Helpers.",[59,70,71,77],{},[14,72,73],{},[64,74,76],{"href":75},"\u002Fhelp\u002Fexpressions-and-logic\u002Felement-metadata-subproperties","Elements",": Daten anderer Elemente, etwa ihre Position oder Größe.",[59,79,80,86],{},[14,81,82],{},[64,83,85],{"href":84},"\u002Fhelp\u002Fexpressions-and-logic\u002Fvariables","Variables",": die Werte, die aus deinen Inputfeldern kommen.",[59,88,89,95],{},[14,90,91],{},[64,92,94],{"href":93},"\u002Fhelp\u002Fexpressions-and-logic\u002Fstatic-values","Static",": feste Zahlen, Texte und Farben.",[10,97,98,99,102],{},"Klicke auf ",[14,100,101],{},"Update",", um die Expression auf die Eigenschaft anzuwenden.",[10,104,105,108,109,112],{},[14,106,107],{},"Code view"," lässt dich die Expression als Text schreiben. ",[14,110,111],{},"Prettify"," formatiert sie übersichtlicher.",[10,114,115],{},[32,116],{"alt":34,"src":117},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F4410b45b-6e26-401a-34e4-f777681fcb00\u002Fmax",[10,119,120,121,125],{},"Die Regeln zum Schreiben von Expressions als Text findest du unter ",[64,122,124],{"href":123},"\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-syntax","Syntax",".",[127,128,129],"blockquote",{},[10,130,131,132,125],{},"Wenn du die Syntax bereits kennst, kannst du den Editor auch überspringen und eine Expression direkt in ein Eigenschaftsfeld tippen, zum Beispiel ",[133,134,135],"code",{},"text1.bottom + 20",{"title":34,"searchDepth":137,"depth":137,"links":138},2,[139],{"id":39,"depth":137,"text":40},"expressions-and-logic","Öffne den Expression-Editor und verbinde eine Eigenschaft mit dynamischen, berechneten Werten.","md",[],{},true,10,"\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-tool.de","---\ntitle: \"Expression-Tool\"\ndescription: \"Öffne den Expression-Editor und verbinde eine Eigenschaft mit dynamischen, berechneten Werten.\"\ncategory: expressions-and-logic\norder: 10\nkeywords: []\n---\nDie meisten Eigenschaften in Bluepic haben einen festen Wert, etwa eine Farbe oder eine Zahl, die du eintippst. Eine **Expression** lässt eine Eigenschaft ihren Wert stattdessen berechnen, sodass sie auf Inputfelder, andere Elemente oder von dir definierte Logik reagieren kann.\n\nDas Expression-Tool, der **fx**-Button in der Toolbar, ist der Weg, den **Expression-Editor** zu öffnen: Klicke darauf und dann auf die Eigenschaft, die du dynamisch machen möchtest.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F817021ca-9de9-4ef8-b038-27bbee95ae00\u002Fmax)\n\n## Der Expression-Editor\n\nDer Editor öffnet sich in einem kleinen, verschiebbaren Fenster mit zwei Arbeitsweisen, die du über die Icons in der oberen Ecke umschaltest.\n\n**Builder view** lässt dich die Expression aus Blöcken zusammensetzen. Durchsuche die Bausteine unter vier Tabs und klicke, um sie einzufügen:\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F3b492cac-cea7-4d24-9a3d-c672bcd86100\u002Fmax)\n\n- **[Functions](\u002Fhelp\u002Fexpressions-and-logic\u002Ffunctions)**: nach Zweck gruppierte Operationen, etwa Math, Color, Logic, Animation und Helpers.\n- **[Elements](\u002Fhelp\u002Fexpressions-and-logic\u002Felement-metadata-subproperties)**: Daten anderer Elemente, etwa ihre Position oder Größe.\n- **[Variables](\u002Fhelp\u002Fexpressions-and-logic\u002Fvariables)**: die Werte, die aus deinen Inputfeldern kommen.\n- **[Static](\u002Fhelp\u002Fexpressions-and-logic\u002Fstatic-values)**: feste Zahlen, Texte und Farben.\n\nKlicke auf **Update**, um die Expression auf die Eigenschaft anzuwenden.\n\n**Code view** lässt dich die Expression als Text schreiben. **Prettify** formatiert sie übersichtlicher.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F4410b45b-6e26-401a-34e4-f777681fcb00\u002Fmax)\n\nDie Regeln zum Schreiben von Expressions als Text findest du unter [Syntax](\u002Fhelp\u002Fexpressions-and-logic\u002Fexpression-syntax).\n\n> Wenn du die Syntax bereits kennst, kannst du den Editor auch überspringen und eine Expression direkt in ein Eigenschaftsfeld tippen, zum Beispiel `text1.bottom + 20`.\n",{"title":5,"description":141},"help\u002Fexpressions-and-logic\u002Fexpression-tool.de","2026-06-16","3cGJSYT4Rqcda6KRgS0Nl8nFykTlBr1QlEeB-XUuJLo",1789381384468]