В этой статье рассматриваются фрагменты кода для пользовательской компонентов

Можно добавить фрагменты кода в пользовательские компоненты, чтобы упростить взаимодействие с компонентом. Давайте рассмотрим два примера, которые есть в Animate CC. Новые фрагменты кода добавляются в раздел «HTML5 Canvas» -> «Компоненты».

  1. Фрагмент кода для присоединения к обработчика события щелчка к кнопке

    // Disable multiple handlers, as these may be used in frame scripts
    if(!this.instance_name_here_click_cbk) {
    	function instance_name_here_click(evt) {
    		// Start your custom code
    		console.log("Button clicked");
    		// End your custom code
    	}
    
    	// Attach an event handler on the parent with the filter as the 
    	// Component instance’s id
    $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));
    	this.instance_name_here_click_cbk = true;
    }
    

    Обратите внимание, что обработчик событий присоединяется к родительскому объекту (dom_overlay_container) с фильтром, установленным для экземпляра компонента. Это важно, так как экземпляр компонента может отсутствовать при попытке присоединить обработчик события. Благодаря этому обработчики событий инициируются правильно.

    Можно подобным образом подготовить обработчики событий для пользовательских компонентов.

  2. Фрагменты кода для получения значений из любого элемента управления для ввода

    console.log($("#instance_name_here").val());
  3. Фрагмент кода, который может выполняться при присоединении экземпляра компонента к DOM

    // Listen to the attached event, fired by component runtime
    
    $("#dom_overlay_container").on("attached", function(evt, param) {           
    // Check the id of the instance 
    if(param && param.id == 'movieClip_1') {                           
    
    $("#movieClip_1").text("My Button");                          
    }
    });
    

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет