FAZENDO UMA lockscreen (ActionScript)

Olá amigos. Neste post eu vou orientá-lo a respeito de como você pode fazer um bloqueio simples para o seu telefone. Vou usar o ActionScript 2.0 aqui e vai fazer um texto bloqueio Typophone baseado. Então, vamos começar

Software necessário:

 Adobe Flash CS3/CS4/CS5

Adobe Photoshop (apenas no caso de você quiser fazer seus próprios gráficos)

Procedimento:

=> Abra o Adobe Flash e selecione Arquivo Flash (ActionScript 2.0), como mostrado na imagem.

=> Definir a resolução da tela, como 240x400 a partir de painel de propriedades como a resolução de nosso telefone é 240x400. Também definir a cor de fundo como preto.

Primeiro vamos fazer o relógio ..

=> Leve 4 caixas de texto na caixa de ferramentas e colocá-lo no espaço de trabalho. Certifique-se de que cada caixa de texto está em uma camada diferente. Organizá-lo como mostrado na imagem. Escreva alguns valores fictícios na caixa de texto, de modo a ter uma idéia sobre como o texto ficará quando executado no telefone.

=> Coloque o nome da instância da seguinte forma:

                Por indicador horas       => hora

                Para o indicador de minutos   = minutos>

                Para AM Indicador PM / => ampm

Para esclarecimentos, olhe para a imagem abaixo

 => Agora selecione cada caixa de texto, um por um. Clique em "embed" no painel de propriedade e selecione as opções como mostrado na imagem e pressione OK. Não faz o seu swf independente da fonte de telefone que você usa.

 => Selecione todas as quatro caixas de texto, clique direito e selecione "Convert to Symbol", marque a opção Clipe de filme e clique em OK e defina o nome da instância do movieclip como relógio.

=> Agora, o seu clipe de filme relógio está pronto. Vamos lá e fazer um clipe de filme para o calendário.

=> Da mesma forma que o anterior, tomar 4 caixas de texto na área de trabalho para armazenar data, mês, ano e dia. Certifique-se de que cada caixa de texto está em uma camada diferente. Defina o tamanho da fonte das caixas de texto como você deseja. Como eu já defini-los de uma maneira que eu quiser usá-los como mostrado na captura de tela.

=> Dê o nome de instância da seguinte forma:

                Para indicador de data             =>            dte

                Para o indicador de dia               =>            dy

                Para indicador do ano              =>            ano

                Para indicador do mês         =>            MNTH

=> Agora, incorporar o mesma forma que antes e fazer outro clipe de filme, selecionando as quatro caixas de texto que estamos usando para a finalidade de fazer calendário. Também definir o nome instância do movieclip como Datemv.

Agora é o tempo para ter um clipe de filme tempo. Clipe de tempo fazer a partir do zero é uma tomada de tempo do processo, por isso só descompilar qualquer tema ter tempo e copiar o clipe de filme tempo e cole-o no seu espaço de trabalho. Clique duas vezes no clipe de tempo e você vai ver que há uma série de gráficos para cada tipo de condição meteorológica. Você pode sempre alterá-lo como desejar. É por isso que eu lhe disse que o seu melhor para obtê-lo a partir de outros temas. Redimensionar os gráficos como exigido por você no clipe de tempo e você é bom para ir.

 => Agora pegue quatro caixas de texto para mostrar a temperatura, cidade, condições climáticas e min / max prever como mostra a imagem abaixo.

=> Definir os nomes de instância, como segue:

                Para indicador de temperatura            =>            temperatura

                Para condição de temperatura           =>            condição

                Para min / Temp                      =>            MinMax

                Para o nome da cidade                             =>            cityname

=> Agora que está tudo pronto, eu quero o meu bloqueio de ter slide para desbloquear recurso, por isso fiz uma seta no Adobe Photoshop e arrastou-a para o espaço de trabalho.

=> Agora clique direito sobre a seta e selecione "Converter para símbolo", marque "Movie Clip" e clique em OK.

=> Escreva um texto "UNLOCK" na caixa de texto e colocá-lo no lado direito da área de trabalho.

=> Agora selecione a seta e caixa de texto e convertê-lo para clipe de filme, seguindo o mesmo procedimento que foi dito anteriormente.

=> Agora clique duas vezes este clipe de filme e, em seguida, clique no clipe de filme seta para que você pode ver a coordenadas X e Y e você pode ver que a coordenada x da seta é 0 e coordenada x do texto desbloqueio é 130

 

 => Estamos considerando coordenada X apenas como queremos que o ponteiro se mover na direção x e não na direção y. Queremos que a tela para ficar desbloqueado quando a seta se move 0-130. Portanto, temos de estar usando esses valores no nosso código.

CODIFICAÇÃO:

Agora, como estamos a fazer com a parte de design, é hora de codificá-las para executar a funcionalidade desejada.

Selecione o clipe de filme de seta, pressione f no teclado para abrir a janela de código e cole o seguinte código:

on (press)

{

    this.startDrag (falso, 0, 0, 130, 0);

}

em (releaseOutside, release)

{

    stopDrag ();

    if (this._x == 130)

    {

        fscommand ("enviar", "KeyUnlock");

        this._x = 0;

    }

    outro

    {

        this._x = 0;

    }

}

Isso significa que sempre que pressione a seta, deve começar a arrastar 0-130. Além disso, quando a seta para a esquerda e chegamos a coordenada 30, então o telefone deve desbloquear caso contrário, deve ir para a posição inicial ou seja coordenada x 0.

=> Como o slide é codificado, temos de escrever códigos para o nosso relógio, calendário e clima.

=> Vá para a tela inicial, onde você pode ver todos os clipes de filme, premindo o botão de volta

=> Faça uma nova camada e nomeie como "script"

=> Prima F9 para abrir a janela de código e escrever o seguinte código nele para Relógio

setTime function ()

{

    var __ reg2 = _root;

    var __ reg1 = new Date ();

    hora = __ reg1.getHours ();

    minutos = __ reg1.getMinutes ();

    if (hora> 12)

    {

        hora hora = - 12;

        ampm = "P M";

    }

    outro

    {

        ampm = "Um M";

    }

    if (comprimento (horas) == 1)

    {

        hora = "0" + hora;

    }

    if (comprimento (minutos) == 1)

    {

        minutos = "0" + minutos;

    }

    __reg2.Clock.hour.text = hora;

    __reg2.Clock.minute.text = minutos;

    __reg2.Clock.ampm.text = ampm;

}

getHours () e getMinutes () são funções predefinidas para extrair hora do sistema. Como queremos mostrar o tempo no formato de 12 horas, sempre, o valor hora é maior do que 12, subtraímos 12 dele e fazer valor de texto ampm a PM. Caso contrário, deixe-o permanecer AM. Além disso, quando o valor hora ou minuto é um número de 1 dígito, nós adicionamos 0 na frente.

Então nós armazenar os respectivos valores nas caixas de texto. Observe que os nomes de caixa de texto que você usa deve ser o mesmo que o nome da instância que você deu ao projetar.

=> Em seguida, chame o setTime () função escrevendo o seguinte código na janela de código mesmo.

setInterval (this, "setTime", 10000);

setTime ();

Isso mostra que, para uma extensão de cada 10000 milissegundos, o tempo actualiza-se.

=> Agora na janela de código mesmo escrever o código para o calendário a seguir.

dodate função ()

{

    var __ reg2 = _root;

    var __ reg3 = new Array ("Janeiro", "Fevereiro", "Março", "Abril", "pode", "junho", "julho", "agosto", "Setembro", "Outubro", "Novembro", "dezembro");

    var __ reg3 = new Array ("Domingo", "segunda-feira", "terça-feira", "quarta-feira", "quinta-feira", "sexta-feira", "Sábado");

    var __ reg1 = new Date ();

    dte = __ reg1.getDate ();

    if (dte <10)

    {

        dte = "0" + dte;

    }

    __reg2.Datemv.dte.text = dte;

    __reg2.Datemv.dy.text = __ reg3 [__reg1.getDay ()];

    __reg2.Datemv.mnth.text = __ reg3 [__reg1.getMonth ()];

    __reg2.Datemv.yr.text = __ reg1.getFullYear ();

}

É muito fácil de entender o código como basicamente de nidificação de matrizes para obter o valor correto. Por exemplo, __ reg1 contém a data e dte extrai o valor de data fro-lo. Então   __reg3 [__reg.getDay ()] significa que quando o valor é devolvido como Dia 1, então ele está combinado com matriz __ reg3 que tem valor como primeiro domingo.   mesma forma todas as matrizes trabalhar fora e que mais tarde armazená-los nas caixas de texto em particular.

=> Em seguida, chamamos o dodate () função da seguinte forma. Escreva o seguinte código na janela do mesmo código.

setInterval (this, "dodate", 500000);

dodate ();

=> Agora cole o seguinte código na janela de código mesmo para o tempo

prep function ()

{

    condition._y = condition._y + fontHeightAdjustment;

    updatetime._y = updatetime._y + fontHeightAdjustment;

    cityName._y = cityName._y + fontHeightAdjustment;

    temp._y = temp._y + fontHeightAdjustment;

    minMax._y = minMax._y + fontHeightAdjustment;

    smallWeather1.day._y = smallWeather1.day._y + fontHeightAdjustment;

    smallWeather1.minMax._y = smallWeather1.minMax._y + fontHeightAdjustment;

    smallWeather2.day._y = smallWeather2.day._y + fontHeightAdjustment;

    smallWeather2.minMax._y = smallWeather2.minMax._y + fontHeightAdjustment;

    smallWeather3.day._y = smallWeather3.day._y + fontHeightAdjustment;

    smallWeather3.minMax._y = smallWeather3.minMax._y + fontHeightAdjustment;

    smallWeather4.day._y = smallWeather4.day._y + fontHeightAdjustment;

    smallWeather4.minMax._y = smallWeather4.minMax._y + fontHeightAdjustment;

    cityName.text = cidade;

    if (ampm)

    {

        var __ reg2 updateTime.indexOf = (":");

        var __ reg1 = parseInt (updateTime.substring (0, __ reg2));

        var __ reg3 = updateTime.substring (__reg2 + 1, __ reg2 + 3);

        var __ reg3 = __ reg1> = 12? "PM": "AM";

        if (__reg1> 12)

        {

            __reg1 = __ reg1 - 12;

        }

        else if (__reg1 == 0)

        {

            __reg1 = 12;

        }

        updatetime.text = __ reg1 + ":" + __ reg3 + "" + __ reg3;

        refreshIcon._x = 43;

    }

    outro

    {

        updatetime.text = updateTime;

        refreshIcon._x = 57;

    }

    AutoUpdate ();

}

setWeather função ()

{

    var __ reg8 = new Date ();

    var __ reg3 = __ reg8.getHours ();

    var __ reg9 = __ reg8.getDate ();

    if (lastUpdateDay = __ reg9 | | | | lastUpdateHour = __ reg3)

    {

        var __ reg11 = __ reg8.getFullYear ();

        var __ reg10 = __ reg8.getMonth ();

        var __ reg7 = __ reg8.getDay ();

        var __ reg6 = __ reg11 + "/" + (__reg10 + 1) + "/" + __ reg9;

        lastUpdateHour = __ reg3;

        lastUpdateDay = __ reg9;

        var __ reg2 = -1;

        var __ reg1 = 0;

        while (__reg1 <&& weatherDate.length __ reg2 == -1)

        {

            if (weatherDate [__reg1] == __ reg6)

            {

                __reg2 = __ reg1;

                if (__reg3 <6 | | __ reg3> = 18)

                {

                    if (__reg3 <6 && __ reg2 - 1> = 0)

                    {

                        __reg3 = parseInt (weatherNightState [__reg2 - 1]);

                        largeWeather.gotoAndStop (__reg3 + 1);

                        condition.text = weatherConditions [__reg3];

                        minMax.text = toUnits (weatherNightMin [__reg2 - 1]) + "/" + toUnits (weatherNightMax [__reg2 - 1]) + "";

                        __reg6 = (parseInt (weatherNightMin [__reg2 - 1]) + parseInt (weatherNightMax [__reg2 - 1])) / 2;

                        temp.text = Math.round (toUnits (__reg6)) + "";

                    }

                    outro

                    {

                        __reg3 = parseInt (weatherNightState [__reg2]);

                        largeWeather.gotoAndStop (__reg3 + 1);

                        condition.text = weatherConditions [__reg3];

                        minMax.text = toUnits (weatherNightMin [__reg2]) + "/" + toUnits (weatherNightMax [__reg2]) + "";

                        __reg6 = (parseInt (weatherNightMin [__reg2]) + parseInt (weatherNightMax [__reg2])) / 2;

                        temp.text = Math.round (toUnits (__reg6)) + "";

                    }

                }

                outro

                {

                    __reg3 = parseInt (weatherDayState [__reg2]);

                    largeWeather.gotoAndStop (__reg3 + 1);

                    condition.text = weatherConditions [__reg3];

                    minMax.text = toUnits (weatherDayMin [__reg2]) + "/" + toUnits (weatherDayMax [__reg2]) + "";

                    __reg6 = (parseInt (weatherDayMin [__reg2]) + parseInt (weatherDayMax [__reg2])) / 2;

                    temp.text = Math.round (toUnits (__reg6)) + "";

                }

                __reg1 = 1;

                while (__reg1 <= 4)

                {

                    if (__reg2 + __ reg1 <daysOfData)

                    {

                        __reg3 = parseInt (weatherDayState [__reg2 + __ reg1]);

                        este ["smallWeather" + __ reg1] gotoAndStop (__reg3 + 1).;

                        var __ reg4 = __ + __ reg7 reg1;

                        if (__reg4> 6)

                        {

                            __reg4 = __ reg4 - 7;

                        }

                        este ["smallWeather" + __ reg1] day.text = dias [__reg4].;

                        este ["smallWeather" + __ reg1] minMax.text = toUnits (weatherDayMin [__reg2 + __ reg1]) + "/" + toUnits (weatherDayMax [__reg2 + __ reg1]) + "".;

                    }

                    outro

                    {

                        este ["smallWeather" + __ reg1] gotoAndStop (1).;

                        este ["smallWeather" + __ reg1] day.text = "".;

                        este ["smallWeather" + __ reg1] minMax.text = "".;

                    }

                    + + __reg1;

                }

            }

            + + __reg1;

        }

        if (__reg2 == -1)

        {

            cityName.text = "file weather.txt está desatualizado!";

        }

    }

}

toUnits função (celcius)

{

    voltar farenheit? Math.round (celcius * 9/5 + 32): celcius;

}

função de atualização automática ()

{

    this.onEnterFrame = function ()

    {

        if (tempo <3)

        {

            + + Tempo;

            voltar indefinido;

        }

        setWeather ();

        tempo = 0;

    }

    ;

}

load_xml function ()

{

    var __ reg3 = false;

    xml = new XML ();

    xml.ignoreWhite = true;

    XML.onLoad = function (sucesso)

    {

        if (sucesso)

        {

            cidade = xml.firstChild.firstChild.attributes.Loc;

            if (cidade == undefined)

            {

                cityName.embedFonts = true;

                cityName.text = "file weather.txt está corrompido!";

            }

            outro

            {

                cityID = xml.firstChild.firstChild.attributes.LocID;

                updatedate = xml.firstChild.firstChild.attributes.UpdateDate;

                updateTime = xml.firstChild.firstChild.attributes.UpdateTime;

                daysOfData xml.firstChild.firstChild.childNodes.length =;

                var __ reg1 = 0;

                while (__reg1 <daysOfData)

                {

                    weatherDate [__reg1] = xml.firstChild.firstChild.childNodes [__reg1] attributes.StartDate.;

                    weatherDayState [__reg1] = xml.firstChild.firstChild.childNodes [__reg1 childNodes] [0]. attributes.State.;

                    weatherDayMin [__reg1] = xml.firstChild.firstChild.childNodes [__reg1] childNodes [0] firstChild.attributes.Min..;

                    weatherDayMax [__reg1] = xml.firstChild.firstChild.childNodes [__reg1 childNodes] [0]. firstChild.attributes.Max.;

                    weatherNightState [__reg1] = xml.firstChild.firstChild.childNodes [__reg1 childNodes] [1]. attributes.State.;

                    weatherNightMin [__reg1] = xml.firstChild.firstChild.childNodes [__reg1 childNodes] [1]. firstChild.attributes.Min.;

                    weatherNightMax [__reg1] = xml.firstChild.firstChild.childNodes [__reg1 childNodes] [1]. firstChild.attributes.Max.;

                    + + __reg1;

                }

                prep ();

            }

        }

        outro

        {

            cityName.embedFonts = true;

            cityName.text = "file weather.txt não encontrado!";

        }

        __reg0 = undefined;

        __reg1 = undefined;

        return __ reg0;

    }

    ;

    XML.load (this._url.slice (0, this._url.lastIndexOf ("/")) + "/ weather.txt");

}

cidade var;

var cityID;

var updatedate;

updateTime var;

var daysOfData;

var weatherDate;

var weatherDayState;

var weatherDayMin;

var weatherDayMax;

var weatherNightState;

var weatherNightMin;

var weatherNightMax;

var fontHeightAdjustment = this._parent._parent._parent.fontHeightAdjustment;

var model = this._parent._parent._parent.model;

var tema = this._parent._parent._parent.theme;

var tempo = 0;

var farenheit = this._parent._parent._parent.temperatureUnit == "F"? verdade: false;

var ampm = this._parent._parent._parent.ampm? verdade: false;

var lastUpdateHour = -1;

var lastUpdateDay = -1;

var daysOfData = 0;

var dia;

weatherConditions var;

if (tema == "HTCHero")

{

    dias = this._parent._parent._parent.widgetLang_ShortDays;

    weatherConditions = this._parent._parent._parent.widgetLang_WeatherStates;

    cidade = this._parent._parent._parent.city;

    if (cidade == undefined)

    {

        cityName.embedFonts = true;

        cityName.text = "file weather.txt não encontrado!";

    }

    outro

    {

        cityID = this._parent._parent._parent.cityID;

        updatedate = this._parent._parent._parent.updateDate;

        updateTime = this._parent._parent._parent.updateTime;

        daysOfData = this._parent._parent._parent.daysOfData;

        weatherDate = this._parent._parent._parent.weatherDate;

        weatherDayState = this._parent._parent._parent.weatherDayState;

        weatherDayMin = this._parent._parent._parent.weatherDayMin;

        weatherDayMax = this._parent._parent._parent.weatherDayMax;

        weatherNightState = this._parent._parent._parent.weatherNightState;

        weatherNightMin = this._parent._parent._parent.weatherNightMin;

        weatherNightMax = this._parent._parent._parent.weatherNightMax;

        prep ();

    }

}

outro

{

    dia = new Array ("Sun", "Mon", "ter", "Qua", "qui", "sex", "sab");

    weatherConditions = new Array ("Sunny", "Chuva", "Parcialmente ensolarado", "Nuvens intermitente", "Sunshine Hazy", "Parcialmente Nublado", "Chuva", "melancólico", "", "", "Nevoeiro "," Chuva "," Parcialmente Nublado com Chuva "," Parcialmente ensolarado com chuveiros "," Chuva "," Parcialmente nublado com chuvas Trovão "," Parcialmente ensolarado com chuveiros Trovão "," Chuva "," Combinações devastadoras "," Mostly Nublado com Chuvas "," Parcialmente nublado com rajadas "," Snow "," Parcialmente nublado com neve "," Ice "," Chuva "," Chuva de congelamento "," "," "," Chuva e neve "," Hot "," Cold "," Windy "," claro "," Chuva "," Parcialmente Nublado "," Nuvens intermitentes "," obscuro "," Parcialmente Nublado "," Parcialmente Nublado com Chuva "," Parcialmente nublado com chuvas "," Parcialmente nublado com aguaceiros Trovão "," Parcialmente nublado com chuvas Trovão "," Parcialmente Nublado com rajadas "," Parcialmente Nublado com Neve ");

    weatherDate = new Array ();

    weatherDayState = new Array ();

    weatherDayMin = new Array ();

    weatherDayMax = new Array ();

    weatherNightState = new Array ();

    weatherNightMin = new Array ();

    weatherNightMax = new Array ();

    load_xml ();

}

Não se preocupe com o código como você pode reutilizá-lo novamente e novamente. Agora que tudo está pronto, você deve publicar seu swf. Goto File-> Configurações de publicação e definir o caminho onde você quer que seu arquivo a ser publicada e clique em publicar. Atlast isso é o que temos

 Download tempo atualizado para a sua cidade de http://weather.joeearl.co.uk . Coloque-o na mesma posição que o seu arquivo SWF publicado e clique duas vezes seu swf para obter o resultado do seu trabalho.

Espero que este tutorial lhe ajudou a entender como trabalhar com Actionscript.