logo
  • Home
  • Acerca
  • Autores
  • Faq
  • Rede
  Twitter   Feed-me! RSS!
Jul 29

ClickCountTrigger para Silverlight no Expression Gallery

Escrito por Kelps Sousa em .NET, 1, 2.0, 3.5, 4, 6, action, AR, back, Behavior, Behaviors, Blend, blog, botão, bug, C#, codeplex, código, configuração, control, event, Evento, exemplo, expression, Expression Blend, Expression Gallery, for, full screen, FullScreen, galeria, Google, IE, if, image, int, library, live, map, mg, Microsoft, News, O, on, padrão, print, RIA, Ria’s Geral, S+S, screen, silverlight, Silverlight 4, site, UI, XAML, XML, XP @ 07 29th, 2011 | via http://kelps-sousa.blogspot.com/ | Sem comentários
Kelps Sousa
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

double-click-icon

Acabei de publicar uma nova trigger no Expression Gallery, chamada ClickCountTrigger.

Esta trigger serve para simplificar nossa vida quando queremos implementar duplo click em Silverlight, já que a plataforma não fornece uma implementação nativa desse evento. Decidi fazer a trigger de forma genérica e por isso implementei como click count ao invés de double click. Sendo assim, tornei possível que essa trigger seja utilizada para adicionar cliques triplos, quaduplos ou até mais em aplicações Silverlight. Eu não consigo imaginar situações onde mais do que 3 cliques façam algum sentido, mas a minha imaginação não deve limitar a sua Winking smile.

Para configurar a trigger no Expression Blend, basta escolher um controle que deverá ter algum comportamento ao receber um duplo click, adicionar uma Action a ele e depois mudar a trigger padrão dessa Action para ClickCountTrigger e configurar quantos cliques disparam a ação. Abaixo temos alguns prints mostrando a trigger configurada em um botão, em conjunto com a Action ToggleFullScreenAction. Este exemplo é do código do live sample que está na página da trigger na galeria.

Action aplicada no botão

Action ToggleFullScreenAction configurada em um Button

Janela de propriedades da Action, mostrando sua configuração e a da trigger.

Propriedades da trigger ClickCountTrigger e da action de fullscreen

Configuração da trigger e action no xaml

<Button Content="Double-Click to Toggle Full Screen">    <i:Interaction.Triggers>        <cnzk:ClickCountTrigger ClickCount="2">            <cnzk:ToggleFullScreenAction />        cnzk:ClickCountTrigger>    i:Interaction.Triggers>Button>

Declaração no xaml dos namespaces necessários para utilizar tanto a trigger quanto a action:

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"xmlns:cnzk="http://schemas.cnzk.com.br/library"

Se você utilizar algumas das minhas behaviors, triggers ou actions publicadas no Expression Gallery e tiver algum tipo de feedback ou bug para reportar, pode postar um comentário aqui no blog ou na página do projeto no codeplex.

Espero que esta trigger seja útil para vocês, pois pra mim ela já está sendo.



Jul 29

Busca por controles na árvore visual de aplicações Silverlight e WPF

Escrito por Kelps Sousa em .NET, 1, 2.0, 4, 6, AR, bar, Behavior, Behaviors, Blend, blog, busca, C#, camp, class, classe, código, Componente, Componentes, control, Controles, Dica, Dicas, DRE, event, Evento, Eventos, exemplo, expression, Expression Blend, for, galeria, Google, IE, if, int, layout, map, mg, Microsoft, mousewheel, MSDN, News, O, on, padrão, painel, problema, problemas, procura, pt, RIA, Ria’s Geral, S+S, Scroll, silverlight, Silverlight 3, Silverlight 4, site, social, TAT, template, Tree, UI, window, WPF, XAML, XP @ 07 29th, 2011 | via http://kelps-sousa.blogspot.com/ | Sem comentários
Kelps Sousa
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

Ontem eu vi uma pergunta no fórum de Silverlight do MSDN sobre como achar todos os campos TextBox que existem dentro de uma ChildWindow. Já havia algumas respostas para a pergunta mas elas eram bem pontuais para aquele problema específico e necessitavam de várias suposições sobre a estrutura da aplicação para funcionar sem problemas (por exemplo, saber quais tipos de Panel estão sendo usados). Alguns anos atrás, quando eu comecei a fazer uma das minhas primeiras behaviors para publicar na galeria do Expression Blend, eu descobri uma classe do Silverlight (também existe no WPF) que serve justamente para permitir navergarmos na árvore visual de uma aplicação, tanto procurando controles filhos quanto pais de um determinado controle.

A behavior em questão é a que permitia que se fizesse scroll com a wheel do mouse (a rodinha) em controles que apresentassem scrollbar para aplicações feitas em Silverlight 3. Hoje essa behavior praticamente não é mais necessárias pois o Silverlight 4 já implementa esse comportamento nativamente, mas não era esse o caso na época. Para poder implementar essa função eu precisei criar um código que fosse capaz de ler toda a hierarquia visual do controle (vasculhando todos os componentes do qual o template do controle era composto), procurando por algum ScrollViewer. Se eu o encontrasse, a behavior assinava os eventos necessários do controle para que o scroll funcionasse como esperado.

Para navegar pela árvore visual, a classe que utilizei foi a VisualTreeHelper. Voltando ? dúvida do fórum, eu decidi criar um método genérico que fosse capaz de encontrar todos os controles de um determinado tipo em uma hierárquia utilizando essa classe, assim estaria garantindo que não precisaria ficar colocando “if”s para cada tipo de painel diferente que aparecesse na minha frente. Sem mais delongas, segue abaixo o método que eu fiz.

public static T[] SearchUIElements(UIElement root, int maxlevel = int.MaxValue, int level = 0)     where T : UIElement 

    var result = new List();

    if (root != null)         if (root is T)             result.Add(root as T);

        if (level < maxlevel)             var childrencount = VisualTreeHelper.GetChildrenCount(root);            DependencyObject child;            for (var i = 0; i < childrencount; i++)                 child = VisualTreeHelper.GetChild(root, i);                if (child is UIElement)                     result.AddRange(SearchUIElements(child as UIElement, maxlevel, level + 1));

            }        }    }

    return result.ToArray();}

Como vocês podem ver o método não é grande e é bem simples. Ele aceita 3 parâmetros:

  • root: controle raiz a partir de onde será iniciada a busca. Por exemplo: LayoutRoot.
  • maxlevel: número máximo de níveis que a busca irá “descer” nos descendentes. Este parâmetro é opcional e o seu valor padrão é int.MaxValue, garantindo que será lida a hierarquia inteira a partir do ponto inicial.
  • level: nível atual da busca. Esse parâmetro é utilizado apenas pela própria função para controlar quando a busca atingirá o nível máximo solicitado pelo usuário.

A função é genérica. O parâmetro T serve para indicar qual tipo de controle será procurado, assim como permitir que o retorno sejá tipado corretamente. A é executada de forma recursiva, chamando a si mesma para cada novo ítem na hierarquia.

O resultado da função é sempre um array do tipo de controle solicitado. Esta função sempre retorna uma array, mesmo que seja vazio (não será retornado null).

Abaixo temos um xaml de exemplo e algumas chamada ? função com a descrição do que será encontrado em cada caso.

<Grid x:Name="LayoutRoot">    <TextBox />    <TextBox />    <Grid>        <TextBox />        <TextBox />        <Grid>            <TextBox />        Grid>    Grid>Grid>
//acha TODOS os 5 campos TextBox var textboxes = SearchUIElements<TextBox>(LayoutRoot);

//acha apenas os 2 campos TextBox de LayoutRoottextboxes = SearchUIElements<TextBox>(LayoutRoot, 1);

//acha 4. Os 2 acima e os 2 que estão no primeiro Grid filhotextboxes = SearchUIElements<TextBox>(LayoutRoot, 2);

//acha TODOS os Grids a partir de LayoutRoot, inclusive ele mesmo var grids = SearchUIElements<Grid>(LayoutRoot);         

Agora que eu já mostrei como faz, você acha que consegue fazer uma função semelhante que navegue ao contrário na hierárquia? (procurando nos pais de um controle até chegar na raíz da aplicação…). Fica o desafio. Winking smile



Nov 30

O seu blog em movimento nestas férias

Escrito por Silva Developer em 1, 2009, 4, 6, actualizar, Air, Android, api, app, app store, AR, auto, BI, blog, Blogs, carregar, class, Diversos, Download, DRE, email, err, estatísticas, facebook, Flex, for, fotografia, galeria, grátis, IE, if, image, iphone, menu, mg, movimento, Notícias, O, on, painel, pt, Redes Sociais, RIA, Ria’s Geral, screen, serviço, Serviços, site, SmartPhone, social, Sun, TAT, Twitter, UI, update, Wordpress @ 11 30th, 2010 | via http://silvadeveloper.wordpress.com | Sem comentários
Silva Developer
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

As férias estão a chegar muito rapidamente e a partir de agora, até o próximo ano a ocasião é a melhor para se encontrar com as pessoas que são importantes para si, para dar e receber presentes, para relaxar e para pensar mais em si. No entanto, não se esqueça do seu pobre e negligenciado blog nesta época festiva.

Blog in the snow, all alone

Esta pode ser a mais solitária época do ano para um blog, aquela em que os seus posts ficam paralisados e os seus leitores caem a pique. Não se preocupe, existe uma solução.

Publique do seu telefone!

É claro que a última coisa que quer fazer é sentar-se atrás de um computador com a comida festiva a sair do forno, os embrulhos a serem rasgadas e a avó a comandar as operações na cozinha. As boas notícias são que não tem que o fazer – não só o WordPress.com tem a opção de publicar textos ou fotos por email a partir de qualquer dispositivo móvel, como também oferecemos aplicações fáceis de usar para os mais diversos smartphones.

Vamos dar uma olhada em cada uma dessas opções, começando com as aplicações.

Smart phone collage

Aplicações móveis para WordPress

Se tem um Nokia, Blackberry, iPhone, Android ou iPad, pode descarregar uma aplicação grátis de WordPress para escrever e editar posts e páginas, ver estatísticas e até moderar seus comentários. Isto dá-lhe tudo o que precisa para gerir o seu blog, em movimento. Pode encontrar as aplicações na loja ou app store do seu telefone e também nestes sites:

  • WordPress para iOS (iPhone/iPad)
  • WordPress para Android
  • WordPress para Nokia
  • WordPress para Blackberry

Publicar por email

Ama o email e utiliza-o muito – até no seu telefone? Então vai gostar também da nossa funcionalidade de Publicação-por-email. É verdade que não oferece tanta flexibilidade como as aplicações para smartphones, mas é mesmo assim uma forma rápida e acessível para publicar, a partir de qualquer lugar. Para activar a funcionalidade, só precisa fazer alguns ajustes simples:

  1. No seu painel, visite o meu Meus blogs:
    Screenshot: dashboard, my blogs
  2. Active a funcionalidade para o seu blog ou blogs:
    Screenshot: enable post-by-email
  3. Copie e cole o endereço de email secreto (ou faça download do vCard) e envie-o para o seu endereço de email móvel, para uso posterior:
    Screenshot: Secret email address

Agora, publique via e-mail

  1. A partir do seu tablet, telefone, laptop ou outro dispositivo qualquer que suporte email, basta escrever uma mensagem. A linha do assunto será o título do post.
  2. Se o dispositivo o suportar, anexe foto(s) à mensagem. Fotografias individuais aparecem numa só linha, enquanto várias são “automagicamente” transformadas numa galeria.
  3. Indique o email secreto como recipiente da mensagem,
  4. Clique em Enviar e o seu post está publicado!

Bónus: Publicação automática nas suas redes sociais preferidas

Para quê dar-se ao trabalho de enviar várias actualizações, quando pode fazer tudo de uma vez só? Antes de partir para férias, não se esqueça de configurar esta funcionalidade. Assim, cada vez que publicar no seu blog com o seu dispositivo móvel, isso será automaticamente enviado para o seu Twitter, Facebook e outras contas de mídia social.

Illustration: 5 status updates from 1 phone

  1. Volte ao painel, ao menu Meus blogs:
    Screenshot: dashboard, my blogs
  2. Seleccione o blog ou blogs que deseja activar, na coluna Divulgar, e escolha os serviços para os quais pretende enviar actualizações:
    Screenshot: activate publicize
  3. Terá que autorizar as contas para sincronizar com o WordPress:
    Screenshot: Publicize Facebook authorization message
  4. Feito! Se quiser mais detalhes, confira o nosso documento de suporte sobre divulgação.

Portanto, sim, isto significa que com apenas uma mensagem, pode actualizar cinco serviços, no espaço de um ou dois segundos, deixando-o mais à vontade para se descontrair nestas férias.

Tudo pronto

Esperamos que com as aplicações, a publicação por email e as actualizações automáticas, as suas necessidades estejam abrangidas nesta temporada de férias. Boas festas, móveis!

Set 20

AUG Porto – Primeiro evento

Escrito por Mauro Martins em .NET, 1, 4, 6, Adobe, Adobe User Group, AR, AUG, blog, class, Desenvolvimento, Design, email, event, Evento, Eventos, Excel, facebook, flash, Flash / Flex, Flex, FMS, for, galeria, gmail, Google, ide, IE, if, image, linkedin, Links e sugestões, lisboa, map, mg, O, on, online, PHP, Random, RIA, Ria’s Geral, social, TAT, Tech, Teste, Twitter, UI, User Group, web, web design, XP, yahoo @ 09 20th, 2010 | via http://imauro.com/blog/ | Sem comentários
Mauro Martins
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

IMG 3740 AUG Porto   Primeiro evento

O primeiro evento do Adobe User Group Porto já la vai e tudo correu muito bem!

O grupo de pessoas que apareceu era excelente e cheio de boas ideias!

Tivemos boas discussões sobre o que está a acontecer no Norte / Porto. Falamos sobre as condições de trabalho, a diferença Porto / Lisboa, e o que falta para que o Porto se afirme no panorama do web design e do desenvolvimento.

Tivemos também oportunidade de testar a nossa nova conta Adobe Connect versão Pro que passou com distinção no teste! Aguentou cerca de três horas com várias pessoas online e a participarem no chat com os membros que estavam no local.

Podem ver as fotos todas no Facebook ou na galeria do grupo

  • Blog this on Blogger
  • Subscribe to the comments for this post?
  • Share this on del.icio.us
  • Digg this!
  • Share this on Facebook
  • Email this via Gmail
  • Post on Google Buzz
  • Share this on LinkedIn
  • Email this to a friend?
  • Post this to MySpace
  • Share this on Reddit
  • Stumble upon something good? Share it on StumbleUpon
  • Share this on Technorati
  • Tweet This!
  • Buzz up!
  • Email this via Yahoo! Mail



Ago 30

Os 45 tutoriais de Adobe Flex mais procurados

Escrito por Igor Musardo em .NET, 1, 2009, 3d, 4, 6, abas, Accordion, Actionscript, Adobe, Adobe Flex, AR, as3, AUG, BI, blog, bug, class, classe, cliente, Componente, Curso, custom, dados, Data Binding, DataGrid, Debug, degrafa, Design, Dica, dynamic, email, encode, encoder, Estilo, externalInterface, facebook, flash, Flex, Flex 3, Flex Builder, for, Formulário, Formulários, galeria, Google, Google Maps, Gráfico, how-to, html, ide, IE, if, image, imagens, int, interface, internet, Introdução, itemRenderer, Java, Javascript, jogo, JQuery, lista, map, maps, MXML, mysql, NaN, O, on, photoshop, PHP, player, procura, pt, RIA, Ria’s Geral, rss, tag, TAT, Tech, Tema, Tutoriais, Tutorial, UI, web, Webservice, Widget, window, windows, XML @ 08 30th, 2010 | via http://www.igormusardo.com.br | Sem comentários
Igor Musardo
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

Está procurando alguns tutoriais de Adobe Flex? O blog Design Your Way separou 45 tutoriais muito bacanas para Adobe Flex, eu separei os que eu achei mais interessantes e relevantes.

Aproveite e bons estudos!

01º Flex MP3 Player

02º XML Básico com Flex 3

03º Criando uma galeria 3D do Flickr com Flex e Awaya3D

04º Usando a classe TextRange

05º Construindo um ItemRenderer para TileList

06º Rotacionando a ViewStack em forma de Cubo

07º Drag Drop simples no Flex

08º Cursor customizado no Flex

09º Como fazer gráficos no Flex

10º Visualizador de imagens em miniaturas no Flex

11º Jogo da Velha em Flex com Degrafa

12º Formulários no Flex

13º Sistema de Login em Flex com PHP

14º Pegando informações de músicas do WebService da Amazon com o Adobe Flex

15º Instalando e usando o Google Maps no Flex

16º Galeria de imagens com o componente Accordion e XML no Flex

17º Interação entre Flex e Javascript

18º Múltiplos uploads com JQuery e Flex ou Flash

19º Desenvolvendo janelas em Flex ou Flash para o Adobe Photoshop

20º Criando um cliente Digg em Flex

21º Introdução ao Data Binding

22º Data Grid com XML

23º Usando Flex, PHP e Json para modificar dados no MySQL

24º Trabalhando com o Debugger no Adobe Flex Builder

25º Criando um relógio de contagem regressiva em Flex

26º Transmitindo dados entre Flex e PHP usando Json

27º Criando um leitor de Feeds (RSS) em Flex

28º Como criar um gráfico de Bolhas em Flex

29º Usando Item Renderes

30º Criando um formulário de email em Flex com PHP

31º Criando grandes listas dinâmicas em Flex

32º Encodificador assincrono de JPEG

33º Criando seu jogo de aventura no Adobe Flex

34º Mudando o identificador de seleção de uma Lista no Flex

35º Criando um player customizado do You Tube em Adobe Flex

36º Criando uma lista de contatos usando Flex e XML

37º Criando um album de fotos do Facebook em Flex

38º Modificando o estilo da linha selecionada na Data Grid

Ago 3

Divulgar Imagens no Facebook

Escrito por Silva Developer em 1, 4, 6, actualizar, AR, blog, class, facebook, for, galeria, ide, IE, if, image, imagens, lista, mg, O, on, pt, RIA, Ria’s Geral, TAT, Twitter, UI, update, Vídeo, Vídeos, Wordpress @ 08 3rd, 2010 | via http://silvadeveloper.wordpress.com | Sem comentários
Silva Developer
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

Já tínhamos anunciado em Fevereiro a funcionalidade de divulgação dos seus posts no Facebook, unindo o seu blog WordPress.com ao seu perfil Facebook.

Em Março, acrescentamos suporte para VideoPress no Facebook para que o seus vídeos pudessem ser visíveis no seu perfil.

Mas até agora, ainda não tínhamos chegado às imagens.

Facebook update with image from WordPress.com's Publicize feature

A partir de agora, no entanto, vamos dar a mesma atenção às suas imagens que já dávamos ao seu texto e vídeos; ao enviar uma actualização no seu perfil do Facebook, o WordPress.com incluirá as imagens do seu post. O suporte para imagens foi a característica mais pedida para a divulgação no Facebook, e estamos contentes por finalmente tê-la implementado. :)

(Antes que pergunte, a *2 característica mais pedia é a capacidade de actualizar páginas de Facebook da mesma maneira que os perfis, portanto já está na nossa lista.)

Desde que lançamos esta funcionalidade, foram já distribuídas perto 1,3 milhões de actualizações de Facebook, a partir do WordPress.com. Continue!

NOTA: Só as cinco primeiras imagens de um post incluídas directamente em galerias ou slideshows serão enviadas ao Facebook.

Jun 11

Behavior para filtrar galerias Deep Zoom por tags

Escrito por Kelps Sousa em .NET, 1, 4, 6, Animação, AR, Behavior, Behaviors, Beta, BI, blog, bug, camp, class, codeplex, código, código fonte, control, dados, deep zoom, deep zoom composer, deepZoom, Download, exemplo, expression, Expression Gallery, filter, filtra, fonte, for, galeria, Google, helpers, IE, image, imagens, library, lógica, mg, Microsoft, Microsoft Expression, MSN, News, O, on, pt, RIA, Ria’s Geral, Silverlight 4, site, Sugestões, tag, UI, XP @ 06 11th, 2010 | via http://kelps-sousa.blogspot.com/ | Sem comentários
Kelps Sousa
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

Acabei de publicar no Expression Gallery uma behavior para filtrar imagens em uma colleção do Deep Zoom.

image

Essa behavior, quando aplicada a um objeto do tipo MultiScaleImage, permite que se filtre as imagens dessa coleção de forma semelhante ao que acontece no site Memorabilia do HardRock Café.

O uso da behavior é muito simples:

  • Anexe a behavior à um objeto MultiScaleImage.
  • Defina as propriedades Source e MetadataUri da behavior respectivamente para a url da galeria e o arquivo de metadados da galeria.
  • Defina o valor da propriedade Filter da behavior para o filtro que quer aplicar.

A behavior trabalha com o arquivo de metadados gerado pelo Deep Zoom Composer para saber quais tags estão associadas a cada imagem. Ela entende tags separadas por vírgula (,) tanto para atribuir às imagens quanto para filtrar. Filtrar por múltiplas tags vai exibir todas as imagens que tenham pelo menos uma das tags do filtro.

O arquivo de metadados não precisa ser necessáriamente o mesmo gerado pelo Composer, mas deve ter o mesmo formato. A behavior o campo ZOrder do arquivo de metadados para saber qual é cada imagem, portanto, se esse arquivo for gerado manualmente deve se tomar o cuidado de garantir que estão sendo atribuídas as tags às imagens certas e sempre que a galeria for atualizada o arquivo de metadados também precisará ser atualizado.

A behavior também expõe uma propriedade (AvailableTags) que é um array contendo todas as tags disponíveis na galeria atual. Isso pode ser bem útil se quisermos exibir na tela todas as tags, como fiz no exemplo que está no Expression Gallery.

Cada vez que o filtro for alterado, a galeria será filtrada e ocorrerá uma animação para exibir as imagens desejadas. É possível controlar o tempo dessa animação e sua função de Easing.

As imagens são posicionadas de forma a preecher o espaço do controle da melhor forma possível, mas ainda preciso melhorar a lógica para quando apenas uma imagem é exibida.

Também há espaço para melhorias no algorítmo de posicionamento, no que diz respeito ao alinhamento das imagens do lado direito.

O código fonte está disponível no Codeplex. Sugestões, melhorias e bug fixes podem ser reportados lá ou aqui no blog.

Em breve estarei aumentando essa biblioteca do Codeplex com outras behaviors e helpers.

Ahhh, quem gosta de futebol pode ver essa behavior em ação em http://www.msnnacopa.com.br.

Jun 6

User Interface Design Patterns

Escrito por Luis Messias em .NET, 1, 4, 6, action, api, AR, arte, BI, blog, case, class, Design, Design Patterns, for, galeria, IE, if, image, int, interface, Java, Javascript, library, mg, NaN, O, on, online, Outros, padrão, pattern, PHP, pt, RIA, Ria’s Geral, site, tag, UI, Vídeo, Vídeos, web, web design, XP @ 06 6th, 2010 | via http://blog.luismessias.com | 1 comentário
Luis Messias
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »



Exis­tem mui­tas manei­ras de lidar com um requi­sito espe­cí­fico de um pro­jeto de inter­face e?–?como desig­ner?–?a coisa mais importante que você pode fazer é sele­ci­o­nar a opção que melhor reflita as neces­si­da­des de seus usuá­rios. Os exem­plos abaixo são parte de uma com­pi­la­ção com os melho­res dos melho­res, publi­ca­ções online e bibli­o­te­cas dedi­ca­das a com­par­ti­lhar infor­ma­ções e explo­rar con­ceitos rela­ti­vos aos padrões de design de inter­face do usuário.


UI-patterns.com

UI-patterns.com é uma cole­ção de padrões de design onde os desig­ners de inter­face podem bus­car ins­pi­ra­ção. O site per­mite que os usuá­rios man­ter con­jun­tos de suas pró­prias (publi­ca­mente aces­sí­veis aos visi­tan­tes do site) para que você possa ver outras cole­ções de padrão de design de inter­face do usuário.


Konigi

Konigi des­taca exem­plos do design de inte­ra­ção e do uso de design visual no mundo-real. Exis­tem mui­tas for­mas de utilizar,navegar e encon­trar o con­teúdo dese­jado no site, incluindo uma página de Tags popu­la­res com as palavras-chave mais usa­das divi­di­das em três cate­go­rias: palavra-chave, pro­duto e empresa.


Inte­rac­tion Design Pat­tern Library

Welie.com pos­sui uma bibli­o­teca de padrões de design de inte­ra­ção man­tida por Mar­tijn van Welie, Ph.D. em Human Com­pu­ter Inte­rac­tion. A bibli­o­teca pos­sui uma tone­lada de padrões de design que envol­vem várias tare­fas de um site. Cada padrão segue um for­mato espe­cí­fico: o pro­blema, a solu­ção, quando usar o padrão, por que você deve usar o padrão de design e os exem­plos do padrão em uso.


design|snips

Esta Gale­ria de design concentra-se em com­po­nen­tes comuns de pági­nas web bem como nas ten­dên­cias de design. Design|snips pos­sui mais de 30 cate­go­rias, o que per­mite que se encon­tre facil­mente o padrão de design ou ten­dên­cia que mais inte­res­sam. Além disso, os usuá­rios têm per­mis­são para clas­si­fi­car cada design em des­ta­que na Galeria.


The UI Pat­tern Factory

The UI Pat­tern Fac­tory é uma bibli­o­teca e gale­ria de design de inter­face do usuá­rio. O inte­res­sante do UI Pat­tern Fac­tory é que as vezes eles com­par­ti­lham vídeos para melhor des­cre­ver os pro­ble­mas e solu­ções de design. Alem disso os usu­a­rios podem con­tri­buir com exem­plos que são arqui­va­dos em uma conta no Flickr: UIPatternFactory.com


Ele­ments of Design

Ele­ments of Design concentra-se em com­po­nen­tes espe­cí­fi­cos do web design, tais como for­mu­lá­rios de login e nave­ga­ção de site, na espe­rança de ins­pi­rar desig­ners, bem como para real­çar mode­los que estão se tor­nando padrão.


Web & Patterns

Web & Patterns, é um site onde podem encontrar padrões, ilustrações, etc. Podem aceder a alguns conteúdos gratuitamente, outros terão de se tornar membros.

Mar 18

MIX10 – Resumo

Escrito por Kelps Sousa em .NET, 1, 4, 6, Air, api, Apresentação, AR, Arquitetura, back, BI, Blend, blog, class, conferência, demo, Desenvolvimento, Dica, Dicas, event, Evento, Eventos, Excel, fonte, for, galeria, game, gc, Google, Gravação, html, ide, IE, if, int, internet, live, map, mapa, mg, Microsoft, MIX, News, O, on, Outros, Palestra, podcast, progress, rest, RIA, Ria’s Geral, silverlight, Silverlight 4, Tutoriais, Twitter, UI, uint, UX, Vídeo, Vídeos, window, windows, XAML @ 03 18th, 2010 | via http://kelps-sousa.blogspot.com/ | Sem comentários
Kelps Sousa
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

Essa semana aqui em Las Vegas foi uma loucura. Depois da aventura que foi chegar aqui, teve a correria do dia a dia da conferência. Só agora (que estou no aeroporto esperando meu vôo para voltar para casa) que consegui tempo para organizar minhas ideias e atualizar o blog.

Segunda Feira

Para começar, não consegui uma conexão de internet durante o keynote do primeiro dia e ainda peguei um lugar desfavorável para tirar fotos. O keynote foi excelente e teve como foco o Windows Phone 7. Muita coisa interessante foi demonstrada e o aparelho parece ser fantástico. Queria muito poder ter um  agora mesmo. Com certeza eu comprarei um assim que for lançado.

Após o keynote fui passear no The Commons. Essa era uma área onde tudo acontecia e todos se encontravam quando não estavam em alguma session. Lá encontrei Tim Heuer e John Papa, e aproveitei para gravar um pequeno podcast em vídeo com cada um para o XAMLCast. Esses vídeos, assim como outros que gravei serão publicados no XAMLCast em breve. Foi ótimo conversar com eles. Eu estava preocupado em como me sairia com o inglês pois essa foi minha primeira viagem para fora do Brasil e fiquei muito contente mesmo por ter meu inglês elogiado pelo Tim e John. It was AWESOME!

Depois fui assistir uma session de Windows Phone 7 com Chalie Kindel. Achei que foi muita maldade dos palestrantes ficarem demonstrando o aparelho em todas as session sabendo que não poderíamos ter um (brincadeira, é lógico que achei ótimo ver o aparelho. estou apenas com inveja). Passei o resto do dia no Commons tentando conversar com outras pessoas para gravar para o XAMLCast mas não consegui pois todos estavam correndo.

P1110627 P1110650

A noite fui fazer compras no outlet e depois passear pela Strip (Las Vegas Boulevard) com outros brasileiros que estavam no evento. Assistimos ao show das fontes do Bellagio do topo da torre Eiffel, no cassino Paris. Aproveitei para tirar algumas fotos da cidade enquanto estava lá.

Terça Feira

P1110708 P1110544 P1110753 P1110815

Na terça feira eu peguei um lugar ótimo no keynote e consegui uma conexão estável de internet. Tirei muitas fotos e twitei o tempo todo durante o keynote. Fiquei muito impressionado com o progresso do IE9 e absolutamente maravilhado com a apresentação de Bill Buxton. O cara é genial.

Após o keynote, assisti a mais uma session e depois fui para o Commons novamente. Consegui gravar apenas com o Pete Brown neste dia e ainda desligaram a luz enquanto estavamos gravando. Espero que a gravação tenha ficado boa. Fui convidado para participar da trívia no Channel 9 Live com Scott Hanselman mas eu seria chamado apenas se alguém amarelasse e isso não ocorreu. Mas eu respondi a pergunta de qual era o code nome do Windows 95 (se vocês assistirem, o Scott até fala que eu ganhei um ponto por isso :D ). Quase morri de rir assistindo à trívia.

A noite eu tentei ir a uma festa dos Blend Insiders mas não consegui achar o endereço. Depois dei uma passada na GameStop da galeria próxima ao Venetian. Na volta fui para meu quarto para tirar um cochilo antes de ir para a festa no LAX e só acordei do cochilo na manhã seguinte. Estava exausto.

Quarta Feira

P1110876 P1110886

Na quarta feira eu assistir a uma session excelente sobre a arquitetura da plataforma do Windows Phone 7 e fui convidado para participar de um grupo de foco sobre Windows Phone 7 e dar feedback sobre o achava sobre como está sendo feito o lançamento e quais eram as preocupações que tinhamos. Infelizmente não posso divulgar o que foi conversado no grupo de foco por causa de NDA (Non Disclosure Agreement). O importante é saber que eles estão ouvindo e vão levar em considração várias das preocupações que as pessoas estão tendo.

A noite fui fazer minhas últimas compras e depois fui com uns amigos da Microsoft Brasil assistir ao Cirque du Soleil –“O” no Bellagio. Que espetáculo maravilhoso! Pressinto mais uma coleção de DVD em minhas prateleiras em breve, mas essa eu farei com calma.

Durante esta viagem eu devo ter andado uns 40 Km no total. O mapa de Las Vegas engana e os lugares são muito mais longe do que parece. Minhas pernas não gostam mais de mim… O clima em Las Vegas é muito seco e estou com a boca toda rachada e nariz ressecado. Conheci muita gente, treinei meu inglês falado, me diverti bastante e aprendi muito. Não ganhei nada no cassino :( . Estou morrendo de saudades da minha esposa e agora volto para casa.

Em breve vou começar a postar aqui algumas dicas e tutoriais sobre desenvolvimento em Silverlight 4, Windows Phone 7 e afins. Os vídeos que gravei para o XAMLCast serão publicados em breve. Fiquem ligados e até mais.

Nov 27

XAMLCast: Episódio 3 – www.xamlcast.net

Escrito por XAML Cast em .NET, 1, 4, 6, AR, Artigo, BI, blog, Blogs, busca, class, dados, developer, Dicas, dotnet, Download, DRE, event, events, framework, galeria, html, ide, imasters, Ria’s Geral, Ria's Geral, silverlight, WPF @ 11 27th, 2007 | via http://www.xamlcast.net | Sem comentários
XAML Cast
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

Fala pessoal!

Esse é o nosso terceiro XAMLCast, e nesse episódio falamos de Ink e Databinding WPF com LINQ.

Seguem abaixo as referências para estudo.

Ink

  • http://blogs.msdn.com/gavingear/archive/2007/08/01/introducing-the-silverlight-xaml-ink-builder-tool-creates-silverlight-compatible-ink-xaml.aspx
  • http://dedjo.blogspot.com/2006/12/ink-recognition-in-wpf.html
  • http://msdn2.microsoft.com/en-us/library/ms752707.aspx
  • Hands-on Lab de Ink no WPF: http://www.microsoft.com/downloads/details.aspx?FamilyID=6405F2A3-31DF-4DE9-8BC7-6C2F64CA0C88&displaylang=en
  • Galeria do Silverlight. Procure Ink Journal e Ink Tattoo Studio: http://silverlight.net/themes/silverlight/community/gallerydetail.aspx
  • Busca com Ink no Silverlight: http://www.tabletpcpost.com/search
  • Webcast: WPF avançado, inclui Ink: http://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032325370&Culture=pt-BR

LINQ com WPF

  • http://dotnetaddict.dotnetdevelopersjournal.com/wpf_linq.htm

LINQ

  • http://www.linhadecodigo.com.br/Artigo.aspx?id=846
  • http://blogs.2pc.com.br/ramonduraes/archive/2007/10/07/video-introdu-o-ao-linq-language-integrated-query.aspx
  • http://www.imasters.com.br/artigo/7156/bancodedados/introducao_linq_to_sql/

DataBinding

  • http://www.microsoft.com/brasil/msdn/tecnologias/netframework/DataBinding_WPF.mspx

E para finalizar, agora ficou muito mais fácil encontrar e divulgar o XAMLCast: basta acessar www.xamlcast.net! Esse link se liga direto ao feed do podcast, e pode ser usado direto em leitores RSS ou navegadores comuns.

Para assinar:

  • Feed RSS: http://www.xamlcast.net
  • iTunes/iPod: pcast://www.xamlcast.net
  • Zune: zune://subscribe/?XAMLCast=http://www.xamlcast.net

Comente, opine, discuta. Queremos seus comentários! Até a próxima!

Abraços,

Roberto e Kono

http://feedproxy.google.com/~r/xamlcast/~5/O85JyT0u2_A/xamlcast3.mp3

|

ACERCA

O que é o RedeRIA ?

O redeRIA não é nada mais que um agregador de feed's que disponibiliza o conteudo de varios blogs e autores ao redor do mundo RIA, actualmente agregamos mais de 2755 entradas vindas de 53 blogs especializados em ria’s, pelo que só fica a ganhar em assinar o feed ou seguir a comunidade no twitter.

Se acha que o seu blog ou um blog de um amigo é interessante e util para os leitores o redeRIA, faça a sua submissão aqui.

Feed: assine já
Twitter: siga-nos

GOOGLE

Votação


Deveria o RedeRia agregar conteúdo em inglês?
Ver Resultados

AUTORES


Eduardo KrausAlexandre TadashiBindableCognitiva SoluçõesDaniel LopesDaniel SchmitzDanielPedrinhaDClick TeamEbercomEdgard DavidsonElvis FernandesErko BrideeFabiel PrestesFábio Batista da SilvaFabio da SilvaFabriccio BernardesFelipe BorellaFlavia MoreiraGabriel VersalliniGabriela T. PerryIgor MusardoJanderson CardosoJoão AugustoJose Carlos FielKelps SousaLeonardo FrançaLucas MarçalLuis MessiasLuiz TarabalMario JuniorMário SantosMauro MartinsPablo SouzaPedro ClaudioreneRia BrazilriaPTRicardo CerqueiraRobson FernandesRodrigo Pereira FragaSaintBrSamuelFacchinelloSergio SouzaSilva DeveloperStefan HorochovecTech CaffeTecinforThiago BuenoVedVinícius SandimWillian ManoXAML Cast

PUBLICIDADE








Powered by Wordpress & msdevstudio.com