Форум Flasher.ru - Создание кнопок програмно

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- ActionScript 3.0 (http://www.flasher.ru/forum/forumdisplay.php?f=83)

- - Создание кнопок програмно (http://www.flasher.ru/forum/showthread.php?t=116920)

Создание кнопок програмно

Появилась задача сгенерировать список кадров ролика с возможностью переходить к выбранному. Список создаётся на основе многомерного массива в котором указан номер кадра, название и другие данные относящиеся к содержимому кадра. Т.к. до этого подобным не занимался то решил разобраться на простом примере из сборника рецептов ActionScript 3.0, но пример хоть ошибок не выдаёт кнопку тоже не показывает. Если кто в этом разбирается скажите в чём ошибка и как она исправляется. :away:

Код вписан в верхний слой первого кадра:

Код:

import flash.display.*; 

import flash.events.*; 



function SimpleButtonDemo() { 

// Создаем простую кнопку и задаем ее местоположение 

var button2:SimpleButton = new SimpleButton(); 

button2.x = 100; 

button2.y = 100; 

// Создаем разные состояния кнопки. 

// Используя вспомогательный метод, 

// создаем круги разных цветов 

button2.upState = createCircle(0x00FF00, 90); 

button2.overState = createCircle( 0xFFFFFF, 16 ); 

button2.downState = createCircle( 0xCCCCCC, 15 ); 

button2.hitTestState = button2.upState; 

// Добавляем слушатель события click, чтобы знать, 

// когда пользователь щелкает кнопку мыши 

button2.addEventListener( MouseEvent.CLICK, handleClick ); 

// Наконец, добавляем кнопку з список отображения 

addChild(button2); 

} 

// Вспомогательная функция для создания круга 

// заданного цвета и радиуса 

function createCircle( color:uint, radius:Number ):Shape {

var circle:Shape = new Shape(); 

circle.graphics.lineStyle( 1, 0x000000 ); 

circle.graphics.beginFill( color ); 

circle.graphics.drawCircle( 0, 0, radius ); 

circle.graphics.endFill(); 

return circle; 

} 

// Обработчик события, вызываемый при нажатии кнопки 

function handleClick( event:MouseEvent ):void { 

trace( "Мышь щелкнула по кнопке" ); 

}

P.S. Если для решения основной задачи есть более простые решения нежели создание ряда из пары сотен кнопок, то подскажите :rolleyes:

Это всего лишь отрезок кода, пример реализации описанного в книге, а не полный рабочий код вашего документа.
Там даже класс не описан!
Он не может не выдавать ошибок, т.к. если его вставить в [anyname].as, и указать anyname как Docuemnt class (надеюсь вы понимаете о чем я), вы удидвитесь количеству ошибок.
Учите флэш с самого начала, а не с рецептов.

Судя по коду ваша функция SimpleButtonDemo() - это конструктор класса SimpleButtonDemo, который наследует MovieClip или Sprite.

Создайте его, засуньте туда весь код, приведенный выше, назначте этот класс главным классом документа и оно будет работать.

Примерно так:

Код:

package main {

        import flash.display.*; 

        import flash.events.*; 

        

        public class SimpleButtonDemo extends Sprite{

                // весь ваш код сюда

        }

}

Это ж код в первом кадре
его надо дописать

Код:

SimpleButtonDemo();

И кнопка появится

Цитата:

Сообщение от Alex Lexcuk (Сообщение 770319)

Это ж код в первом кадре
его надо дописать

Код:

SimpleButtonDemo();

И кнопка появится

Alex Lexcuk, просто волшебник :yahoo:

Цитата:

Сообщение от Xpb7

вобщем-то понимаю. но не знаю где это прописывается. Я конечно начал бы с начала, но покачто для меня доступные источники это сборник рецептов и flasher.ru

Firexel Спасибо, но примерно из такой конструкции я его и достал. :rolleyes:

Почитал про то как правильно писать на AS3.
Решил реализовать один пример кода по созданию кнопок программно и с надписями.
В папке main разместил файлы RectangleButton.as и SimpleButtonDemo.as, во fla файле прописал класс документа "main.RectangleButton".
Но при тестировании выводиться ошибки:

Цитата:

5000: В класс "main.RectangleButton" должен входить подкласс "flash.display.MovieClip", так как он связывается с символом такого же типа в библиотеке.
1180: Call to a possibly undefined method addFrameScript.

Впрочем последняя пропадает если исправить

Код:

package main {

на

Код:

package {

хотя мне кажется что это не совсем верное решение.
При поиске что за ошибка 5000 и как с ней бороться нашёл на форуме советы:

Цитата:

Сообщение от nuway (Сообщение 698241)

как и пишется в ошибке, открои класс com\editor\Хистри и там добавь

import flash.display.MovieClip;

public class History extends MovieClip

И тему Error 5000 Но первое не помогло, а насчёт второго я не понял.

Вот интересно как сделать чтобы всё работало. :rolleyes:

RectangleButton.as

Код:

package main {

  import flash.display.*;

  import flash.text.*;

 // import flash.display.MovieClip;

  import flash.filters.DropShadowFilter;

  public class RectangleButton extends SimpleButton {

    // The text to appear on the button

    private var _text:String;

    // Save the width and height of the rectangle

    private var _width:Number;

    private var _height:Number;

    

    public function RectangleButton( text:String, width:Number, height:Number ) {

      // Save the values to use them to create the button states

      _text = text;

      _width = width;

      _height = height;

      

      // Create the button states based on width, height, and text value

      upState = createUpState();

      overState = createOverState();

      downState = createDownState();

          hitTestState = upState;

    }

  

    // Create the display object for the button's up state

    private function createUpState():Sprite {

      var sprite:Sprite = new Sprite();

      

      var background:Shape = createdColoredRectangle( 0x33FF66 );

      var textField:TextField = createTextField( false );

          

      sprite.addChild( background );

      sprite.addChild( textField );

      return sprite;

    }

    

    // Create the display object for the button's up state

    private function createOverState():Sprite {

      var sprite:Sprite = new Sprite();

      

      var background:Shape = createdColoredRectangle( 0x70FF94 );

      var textField:TextField = createTextField( false );

            

      sprite.addChild( background );

      sprite.addChild( textField );

      return sprite;

    }

    

    // Create the display object for the button's down state

    private function createDownState():Sprite {

      var sprite:Sprite = new Sprite();

      

      var background:Shape = createdColoredRectangle( 0xCCCCCC );

      var textField:TextField = createTextField( true );

      

      sprite.addChild( background );

      sprite.addChild( textField );

      

      return sprite;

    }

    

    // Create a rounded rectangle with a specific fill color

    private function createdColoredRectangle( color:uint ):Shape {

      var rect:Shape = new Shape();

      rect.graphics.lineStyle( 1, 0x000000 );

      rect.graphics.beginFill( color );

      rect.graphics.drawRoundRect( 0, 0, _width, _height, 15 );

      rect.graphics.endFill();

      rect.filters = [ new DropShadowFilter( 2 ) ];

      return rect;

    }

    

    // Create the text field to display the text of the button

         private function createTextField( downState:Boolean ):TextField {

      var textField:TextField = new TextField();

      textField.text = _text;

      textField.width = _width;

            

      // Center the text horizontally

      var format:TextFormat = new TextFormat();

      format.align = TextFormatAlign.CENTER;

      textField.setTextFormat( format );

      

      // Center the text vertically

      textField.y = ( _height - textField.textHeight ) / 2;

      textField.y -= 2;  // Subtract 2 pixels to adjust for offset

      

      // The down state places the text down and to the right

      // further than the other states

      if ( downState ) {

        textField.x += 1;

        textField.y += 1;

      }

      

      return textField;

    }

  }

}

SimpleButtonDemo.as

Код:

package main {

  import flash.display.*;

  public class SimpleButtonDemo extends Sprite {

    public function SimpleButtonDemo() {

      

      // Create three rectangular buttons with different text and 

      // different sizes, and place them at various locations within 

      // the movie

      

      var button1:RectangleButton = new RectangleButton( "Button 1", 60, 100 );

      button1.x = 20;

      button1.y = 20;

      

      var button2:RectangleButton = new RectangleButton( "Button 2", 80, 30 );

      button2.x = 90;

      button2.y = 20;

      

      var button3:RectangleButton = new RectangleButton( "Button 3", 100, 40 );

      button3.x = 100;

      button3.y = 60;

          // Add the buttons to the display list so they appear on-screen

      addChild( button1 );

      addChild( button2 );

      addChild( button3 );

    }

  }

}

Уважаемый, вы не знаете азов. Отложите эти 100 рецептов и прочтите нормальную книгу по as3. Очень советую, Essential ActionScript 3.0 | O'Reilly Media. Тогда вам всё станет ясно, и не будут возникать такие глупые вопросы.
Document class, являясь графическим объектом по натуре обязан напрямую наследоваться (если мне не изменяет память) либо от MovieClip, либо от Sprite, либо от Shape. То есть у вас должен быть третий класс, характеризующий Document class, который создаст вашу кнопку как-нибудь так:

Код:

var r: RectangleButton = new RectangleButton();

addChild(r);

Цитата:

Сообщение от Xpb7 (Сообщение 770748)

Document class, являясь графическим объектом по натуре обязан напрямую наследоваться (если мне не изменяет память) либо от MovieClip, либо от Sprite, либо от Shape. То есть у вас должен быть третий класс, характеризующий Document class, который создаст вашу кнопку как-нибудь так:

Код:

var r: RectangleButton = new RectangleButton();

addChild(r);

гм, но ведь в SimpleButtonDemo это же и происходит... и он как раз от Sprite
Вобщем если его прописать во fla файле то ошибки 5000 не возникает, но по прежнему что то про метод addFrameScript пишут.

Цитата:

1180: Call to a possibly undefined method addFrameScript.

Пойду поищу "Essential ActionScript 3.0 | O'Reilly Media" на русском. :)

Ещё раз:

Цитата:

Document class, являясь графическим объектом по натуре обязан напрямую наследоваться (если мне не изменяет память) либо от MovieClip, либо от Sprite, либо от Shape. То есть у вас должен быть третий класс, характеризующий Document class, который создаст вашу кнопку как-нибудь так:

Essential ActionScript 3.0 | O'Reilly Media на русском вряд ли найдете.

гм, а на других языках мне книжка не поможет.

Xpb7, спасибо. Оно заработало :)

Жаль. В общем, если вы хотите действительно научиться - начните с грамотной литературы и практики.
Не за что.
P.S. Мультипостинг тут запрещен, пользуйтесь кнопкой "изменить", а то модеры наругают. =)

Цитата:

Сообщение от Xpb7 (Сообщение 770775)

я думал если между сообщениями одного посетителя нет других, то они как бы склеиваются. :rolleyes:

А насчёт грамотной литературы... использую то что есть :) И практикуюсь :away:

Ещё вопрос по теме.
Эти кнопки создаются просто поверх всего ролика. В момент его загрузки.
Я хочу чтобы они привязывались к определённой панели и прокручивались как список в ней. Т.к. их много и все сразу они не видны. :confused:

Собственно, делать addChild в клип внутри панели, и на этот клип положить маску, чтобы лишних не было видно

P. S. Essential AS3.0 вышла на русском, рекомендую приобрести, очень полезная книга. (название на русском: Колин Мук «ActionScript 3.0 для Flash. Подробное руководство»).

Цитата:

Сообщение от DarkLight (Сообщение 773497)

Лишних как раз нет. Есть те которые не умещаются в видимой области.
Т.е. по сути должен быть прокручивающийся список с кнопками :)

P.S. Здорово :) В ноябре уже в Озоне будет.

Код:

addChildAt(displayObject,0)

Что-то я не понимаю покачто как тут может помочь маска.

И ещё, при подстановке класса SimpleButtonDemo в качестве класса документа, функция SimpleButtonDemo начинает выполняться при загрузке флешки, без вызова. Как это можно прекратить? Планируется что функция будет принимать параметры и в соответствии с ними создавать кнопки.(данные будут браться из массива, а параметры определять как сортировать, по каким критериям выбирать из массива и начиная с какого номера выводить)
===================================
И насчёт передачи параметров. Хотя это наверное немного не в тему. Если я определяю SimpleButtonDemo:
1.

Код:

public function SimpleButtonDemo( ... r)

или 2.

Код:

public function SimpleButtonDemo(r1:String, r2:String, r3:String)

и вызываю её из фла файла строкой

Код:

SimpleButtonDemo("А", "олёс", "Электро");

то появляется ошибка:

Код:

1137: Incorrect number of arguments. Expected no more than 1.

Если

Код:

SimpleButtonDemo("А");

для первого случая, то не нравится переданный параметр:

Код:

#1034: Type Coercion failed: cannot convert "А" to main.SimpleButtonDemo. at main::SimpleButtonDemo/main::frame1()

для третьего случая, когда
3.

Код:

public function SimpleButtonDemo(r1:String)

выдаёт ошибку:

Код:

Error #1063: Argument count mismatch on main::SimpleButtonDemo$iinit(). Expected 1, got 0.

Как тогда передать несколько параметров... и чтобы оно работало, и чем функцию не устраивает первый вариант. :)

Особо хитрый пользователь Орец, получает второе предупреждение за ап темы и недельный бан.