[et_pb_section fb_built=”1″ _builder_version=”3.22.7″][et_pb_row _builder_version=”3.22.7″][et_pb_column type=”2_5″ _builder_version=”3.22.7″][et_pb_text _builder_version=”3.22.7″]After several months working on various Rhino + Grasshopper plugins and developing new UI for the custom components in grasshopper , I just decided to package all controls into a C# library and make it available to all Grasshopper developers. The current version includes several interactive controls which can be easily added to the GH component by implementing an abstract class called <\/p>\n
GHCustomComponent<\/span><\/pre>\n [\/et_pb_text][et_pb_text _builder_version=”3.22.7″]The complete documentation will follow soon, however, here is a brief “how to use” for whoever wants to put his hands on. If you wish to have access to the shared library please get in touch !<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”3.22.7″]In order to use the controls you first need to inherit from the abstract class GHCustomComponent<\/span> and then create and add your controls when the <\/span>RegisterInputParams()<\/span>method is called.<\/span><\/p>\nSee the sample code for Declaration , Creation and Registering a custom control in below.<\/p>\n
When it comes to retrieving the value of the control simply check the CurrentValue<\/strong> property as it is shown in the next sample code.<\/p>\nAll the interactions and graphics are taken care so it must be easy for the end user to integrate the controls and use them through his code. <\/p>\n
[\/et_pb_text][\/et_pb_column][et_pb_column type=”3_5″ _builder_version=”3.22.7″][et_pb_image src=”https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2021\/05\/grasshopper-UI.jpg” _builder_version=”3.22.7″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.22.7″ custom_padding=”7px||10px|||”][et_pb_column type=”4_4″ _builder_version=”3.22.7″][et_pb_button custom_button=”on” button_text_size=”23px” button_text_color=”#000000″ button_letter_spacing=”21px” button_text=”Download & Collaborate” _builder_version=”3.22.7″ button_url=”https:\/\/github.com\/Torabi\/GHCustomControls.git” button_alignment=”center” button_font=”||||||||” custom_margin=”-1px||-4px|||”][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”3.22.7″][et_pb_column type=”4_4″ _builder_version=”3.22.7″][et_pb_accordion _builder_version=”3.22.7″][et_pb_accordion_item title=”Declaration , Creation and Registering a custom control” open=”on” _builder_version=”3.22.7″ title_text_shadow_horizontal_length=”0em” title_text_shadow_vertical_length=”0em” title_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” background_color=”#eeeeee” inline_fonts=”Georgia”]<\/p>\n
using<\/span> System<\/span>;<\/span>\nusing<\/span> <\/span>System<\/span>.<\/span>Collections<\/span>.<\/span>Generic<\/span>;<\/span>\nusing<\/span> Grasshopper<\/span>.<\/span>Kernel<\/span>;<\/span>\nusing<\/span> <\/span>Rhino<\/span>.<\/span>Geometry<\/span>;<\/span>\nusing<\/span> GHCustomControls<\/span><\/strong>;<\/span>\n \n\/\/ In order to load the result of this wizard, you will also need to<\/span>\n\/\/ add the output bin\/ folder of this project to the list of loaded<\/span>\n\/\/ folder in Grasshopper.<\/span>\n\/\/ You can use the _GrasshopperDeveloperSettings Rhino command for that.<\/span>\n \nnamespace<\/span> GHCustomControlDemo<\/span>\n{<\/span>\n public<\/span> class<\/span> GHCustomControlDemoComponent<\/span> :<\/span> GHCustomComponent<\/span>\n {<\/span>\n \/\/\/<\/span> <\/span><<\/span>summary<\/span>><\/span>\n \/\/\/<\/span> Declare the check box<\/span>\n \/\/\/<\/span> <\/span><\/<\/span>summary<\/span>><\/span>\n CheckBox<\/span> checkBox<\/span>;<\/span><\/strong><\/span>\n \n \/\/\/<\/span> <\/span><<\/span>summary<\/span>><\/span>\n \/\/\/<\/span> Each implementation of GH_Component must provide a public <\/span>\n \/\/\/<\/span> constructor without any arguments.<\/span>\n \/\/\/<\/span> Category represents the Tab in which the component will appear, <\/span>\n \/\/\/<\/span> Subcategory the panel. If you use non-existing tab or panel names, <\/span>\n \/\/\/<\/span> new tabs\/panels will automatically be created.<\/span>\n \/\/\/<\/span> <\/span><\/<\/span>summary<\/span>><\/span>\n public<\/span> GHCustomControlDemoComponent<\/span>()<\/span>\n :<\/span> base<\/span>(<\/span>\"GHCustomControlDemo\"<\/span>,<\/span> \"Nickname\"<\/span>,<\/span>\n \"Description\"<\/span>,<\/span>\n \"Category\"<\/span>,<\/span> \"Subcategory\"<\/span>)<\/span>\n {<\/span>\n }<\/span>\n \n \/\/\/<\/span> <\/span><<\/span>summary<\/span>><\/span>\n \/\/\/<\/span> Registers all the input parameters for this component.<\/span>\n \/\/\/<\/span> <\/span><\/<\/span>summary<\/span>><\/span>\n protected<\/span> override<\/span> void<\/span> RegisterInputParams<\/span>(<\/span>GH_Component<\/span>.<\/span>GH_InputParamManager<\/span> pManager<\/span>)<\/span>\n {<\/span>\n \/\/ create the checkbox <\/span>\n checkBox<\/span> =<\/span> new<\/span> CheckBox<\/span>(<\/span>\"MyCheckBox\"<\/span>,<\/span>\"This is a test\"<\/span>,<\/span>false<\/span>);<\/span><\/strong>\n \/\/register your input parameters as usual <\/span>\n \/\/....<\/span>\n \/\/....<\/span>\n \n \/\/ register the check box.<\/span>\n AddCustomControl<\/span>(<\/span>checkBox<\/span>);<\/span> <\/strong>\n }<\/span><\/pre>\n[\/et_pb_accordion_item][et_pb_accordion_item title=”Retrieving the value of the control.” open=”off” _builder_version=”3.22.7″ title_text_shadow_horizontal_length=”0em” title_text_shadow_vertical_length=”0em” title_text_shadow_blur_strength=”0em” body_text_shadow_horizontal_length=”0em” body_text_shadow_vertical_length=”0em” body_text_shadow_blur_strength=”0em” background_color=”#eeeeee”]<\/p>\n
protected<\/span> override<\/span> void<\/span> SolveInstance<\/span>(<\/span>IGH_DataAccess<\/span> DA<\/span>)<\/span>\n {<\/span>\n \/\/read the check box status <\/span>\n bool<\/span> checkBoxStatus<\/span> =<\/span> (<\/span>bool<\/span>)<\/span>checkBox<\/span>.<\/span>CurrentValue<\/span>;<\/span>\n }<\/span><\/pre>\n[\/et_pb_accordion_item][\/et_pb_accordion][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
After several months working on various Rhino + Grasshopper plugins and developing new UI for the custom components in grasshopper , I just decided to package all controls into a C# library and make it available to all Grasshopper developers. The current version includes several interactive controls which can be easily added to the GH […]<\/p>\n","protected":false},"author":1,"featured_media":1036,"parent":219,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":""},"yoast_head":"\n
Grasshopper UI+ - Parametric Zoo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grasshopper UI+ - Parametric Zoo\" \/>\n<meta property=\"og:description\" content=\"After several months working on various Rhino + Grasshopper plugins and developing new UI for the custom components in grasshopper , I just decided to package all controls into a C# library and make it available to all Grasshopper developers. The current version includes several interactive controls which can be easily added to the GH […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"Parametric Zoo\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-19T14:53:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2021\/05\/grasshopper-UI.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1242\" \/>\n\t<meta property=\"og:image:height\" content=\"1398\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.parametriczoo.com\/#website\",\"url\":\"https:\/\/www.parametriczoo.com\/\",\"name\":\"Parametric Zoo\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.parametriczoo.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/#primaryimage\",\"url\":\"https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2021\/05\/grasshopper-UI.jpg\",\"contentUrl\":\"https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2021\/05\/grasshopper-UI.jpg\",\"width\":1242,\"height\":1398,\"caption\":\"Grasshopper UI+\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/\",\"url\":\"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/\",\"name\":\"Grasshopper UI+ - Parametric Zoo\",\"isPartOf\":{\"@id\":\"https:\/\/www.parametriczoo.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/#primaryimage\"},\"datePublished\":\"2021-05-16T14:39:40+00:00\",\"dateModified\":\"2021-05-19T14:53:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.parametriczoo.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Products\",\"item\":\"https:\/\/www.parametriczoo.com\/index.php\/products\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Grasshopper UI+\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Grasshopper UI+ - Parametric Zoo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/","og_locale":"en_US","og_type":"article","og_title":"Grasshopper UI+ - Parametric Zoo","og_description":"After several months working on various Rhino + Grasshopper plugins and developing new UI for the custom components in grasshopper , I just decided to package all controls into a C# library and make it available to all Grasshopper developers. The current version includes several interactive controls which can be easily added to the GH […]","og_url":"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/","og_site_name":"Parametric Zoo","article_modified_time":"2021-05-19T14:53:17+00:00","og_image":[{"width":1242,"height":1398,"url":"https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2021\/05\/grasshopper-UI.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.parametriczoo.com\/#website","url":"https:\/\/www.parametriczoo.com\/","name":"Parametric Zoo","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.parametriczoo.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/#primaryimage","url":"https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2021\/05\/grasshopper-UI.jpg","contentUrl":"https:\/\/www.parametriczoo.com\/wp-content\/uploads\/2021\/05\/grasshopper-UI.jpg","width":1242,"height":1398,"caption":"Grasshopper UI+"},{"@type":"WebPage","@id":"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/","url":"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/","name":"Grasshopper UI+ - Parametric Zoo","isPartOf":{"@id":"https:\/\/www.parametriczoo.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/#primaryimage"},"datePublished":"2021-05-16T14:39:40+00:00","dateModified":"2021-05-19T14:53:17+00:00","breadcrumb":{"@id":"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.parametriczoo.com\/index.php\/products\/grasshopper-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.parametriczoo.com\/"},{"@type":"ListItem","position":2,"name":"Products","item":"https:\/\/www.parametriczoo.com\/index.php\/products\/"},{"@type":"ListItem","position":3,"name":"Grasshopper UI+"}]}]}},"_links":{"self":[{"href":"https:\/\/www.parametriczoo.com\/index.php\/wp-json\/wp\/v2\/pages\/1031"}],"collection":[{"href":"https:\/\/www.parametriczoo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.parametriczoo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.parametriczoo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.parametriczoo.com\/index.php\/wp-json\/wp\/v2\/comments?post=1031"}],"version-history":[{"count":0,"href":"https:\/\/www.parametriczoo.com\/index.php\/wp-json\/wp\/v2\/pages\/1031\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.parametriczoo.com\/index.php\/wp-json\/wp\/v2\/pages\/219"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.parametriczoo.com\/index.php\/wp-json\/wp\/v2\/media\/1036"}],"wp:attachment":[{"href":"https:\/\/www.parametriczoo.com\/index.php\/wp-json\/wp\/v2\/media?parent=1031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}