SlideShare ist ein Scribd-Unternehmen logo
1 von 33
<StackPanel >
   <TextBox Text="Hello" />
   <Button Content="Click"/>
</StackPanel>
Rappresenta un'area scorrevole che
può contenere altri elementi visibili.
Il tipo di elemento contenuto può
essere a sua volta una composizione
di elementi
  <ScrollViewer BorderThickness="0">
    <ItemsControl Name="Posts" >
       <ItemsControl.ItemTemplate>
          <DataTemplate>
            <StackPanel Tap="ShowDetail” >
              <TextBlock Text="{Binding Path=Title}” />
              <TextBlock Text="{Binding Path=Description}” />
              <TextBlock Text="{Binding Path=PubDate}” />
            </StackPanel>
          </DataTemplate>
       </ItemsControl.ItemTemplate>
    </ItemsControl>
  </ScrollViewer>
<controls:Panorama Title="WebDeBs">
  <controls:Panorama.Background>
    <ImageBrush ImageSource="PanoramaBackground.png"/>
  </controls:Panorama.Background>
  <!--Panorama item one-->
  <controls:PanoramaItem Header="home" Foreground="Black">
    <ScrollViewer BorderThickness="0">
      ...
    </ScrollViewer>
  </controls:PanoramaItem>
  <!--Panorama item two-->
  <controls:PanoramaItem Header="eventi" Foreground="Black">
    <ScrollViewer BorderThickness="0">
      ...
    </ScrollViewer>
  </controls:PanoramaItem>
  <!--Panorama item three-->
  <controls:PanoramaItem Header="incontri" Foreground="Black">
     <ScrollViewer BorderThickness="0">
       ...
     </ScrollViewer>
  </controls:PanoramaItem>
</controls:Panorama>
Permette di posizionare controlli
in un’area definita dall’utente.
<Grid x:Name="LayoutRoot" Background="Transparent">

    <Grid.RowDefinitions>
      <RowDefinition Height="Auto"/>
      <RowDefinition Height="80"/>
      <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
      <ColumnDefinition/>
      <ColumnDefinition/>
    </Grid.ColumnDefinitions>

    <StackPanel>
       <TextBox Style="{StaticResource TextBoxStyle}" Text="Hello" />
       <Button Style="{StaticResource ButtonStyle}" Content="Click"/>
    </StackPanel>
    <TextBox Text="Test" Grid.Row="1" Grid.Column="1"/>
    <Button Content="Send" Grid.Row="2" Grid.Column="0"/>
</Grid>
Windows Phone 7 Development
Windows Phone 7 Development

Weitere ähnliche Inhalte

Was ist angesagt? (6)

OSML and OpenSocial 0.9
OSML and OpenSocial 0.9OSML and OpenSocial 0.9
OSML and OpenSocial 0.9
 
You Can Kick-Ass Too, AtlasCamp US 2012
You Can Kick-Ass Too, AtlasCamp US 2012You Can Kick-Ass Too, AtlasCamp US 2012
You Can Kick-Ass Too, AtlasCamp US 2012
 
Ajax
AjaxAjax
Ajax
 
Add row in asp.net Gridview on button click using C# and vb.net
Add row in asp.net Gridview on button click using C# and vb.netAdd row in asp.net Gridview on button click using C# and vb.net
Add row in asp.net Gridview on button click using C# and vb.net
 
Aspdevice - Asp Fast Crud introdution
Aspdevice - Asp Fast Crud introdutionAspdevice - Asp Fast Crud introdution
Aspdevice - Asp Fast Crud introdution
 
SAS_Forum_2015_Data_Visualisation_With_HighCharts_D3
SAS_Forum_2015_Data_Visualisation_With_HighCharts_D3SAS_Forum_2015_Data_Visualisation_With_HighCharts_D3
SAS_Forum_2015_Data_Visualisation_With_HighCharts_D3
 

Ähnlich wie Windows Phone 7 Development

HTML5 and the dawn of rich mobile web applications pt 2
HTML5 and the dawn of rich mobile web applications pt 2HTML5 and the dawn of rich mobile web applications pt 2
HTML5 and the dawn of rich mobile web applications pt 2
James Pearce
 
Private slideshow
Private slideshowPrivate slideshow
Private slideshow
sblackman
 
#win8acad : Building a Windows 8 Metro Style UI
#win8acad : Building a Windows 8 Metro Style UI#win8acad : Building a Windows 8 Metro Style UI
#win8acad : Building a Windows 8 Metro Style UI
Frederik De Bruyne
 
网站无障碍阅读知识
网站无障碍阅读知识网站无障碍阅读知识
网站无障碍阅读知识
ppanyong
 
Esta Radio Es Autostart Para Tu Blog
Esta Radio Es Autostart Para Tu BlogEsta Radio Es Autostart Para Tu Blog
Esta Radio Es Autostart Para Tu Blog
guest3845ab
 
Web Scripting Project JavaScripts and HTML WebPage
Web Scripting Project JavaScripts and HTML WebPageWeb Scripting Project JavaScripts and HTML WebPage
Web Scripting Project JavaScripts and HTML WebPage
Sunny U Okoro
 

Ähnlich wie Windows Phone 7 Development (20)

Polymer
PolymerPolymer
Polymer
 
Introduction to Web Components
Introduction to Web ComponentsIntroduction to Web Components
Introduction to Web Components
 
Chapter 10
Chapter 10Chapter 10
Chapter 10
 
HTML5 New and Improved
HTML5   New and ImprovedHTML5   New and Improved
HTML5 New and Improved
 
HTML5 and the dawn of rich mobile web applications pt 2
HTML5 and the dawn of rich mobile web applications pt 2HTML5 and the dawn of rich mobile web applications pt 2
HTML5 and the dawn of rich mobile web applications pt 2
 
Practica n° 7
Practica n° 7Practica n° 7
Practica n° 7
 
netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8
netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8
netmind - Primer Contacto con el Desarrollo de Aplicaciones para Windows 8
 
Introduction to Html5
Introduction to Html5Introduction to Html5
Introduction to Html5
 
Private slideshow
Private slideshowPrivate slideshow
Private slideshow
 
Stole16
Stole16Stole16
Stole16
 
Vaadin Components @ Angular U
Vaadin Components @ Angular UVaadin Components @ Angular U
Vaadin Components @ Angular U
 
#win8acad : Building a Windows 8 Metro Style UI
#win8acad : Building a Windows 8 Metro Style UI#win8acad : Building a Windows 8 Metro Style UI
#win8acad : Building a Windows 8 Metro Style UI
 
Xxx
XxxXxx
Xxx
 
网站无障碍阅读知识
网站无障碍阅读知识网站无障碍阅读知识
网站无障碍阅读知识
 
Devoxx 2014-webComponents
Devoxx 2014-webComponentsDevoxx 2014-webComponents
Devoxx 2014-webComponents
 
Esta Radio Es Autostart Para Tu Blog
Esta Radio Es Autostart Para Tu BlogEsta Radio Es Autostart Para Tu Blog
Esta Radio Es Autostart Para Tu Blog
 
Polymer - pleasant client-side programming with web components
Polymer - pleasant client-side programming with web componentsPolymer - pleasant client-side programming with web components
Polymer - pleasant client-side programming with web components
 
Building iPhone Web Apps using "classic" Domino
Building iPhone Web Apps using "classic" DominoBuilding iPhone Web Apps using "classic" Domino
Building iPhone Web Apps using "classic" Domino
 
Managing states
Managing statesManaging states
Managing states
 
Web Scripting Project JavaScripts and HTML WebPage
Web Scripting Project JavaScripts and HTML WebPageWeb Scripting Project JavaScripts and HTML WebPage
Web Scripting Project JavaScripts and HTML WebPage
 

Mehr von Michele Capra

Mehr von Michele Capra (11)

Nodeschool italy at codemotion
Nodeschool italy at codemotionNodeschool italy at codemotion
Nodeschool italy at codemotion
 
Little bits & node.js IOT for beginner
Little bits & node.js IOT for beginnerLittle bits & node.js IOT for beginner
Little bits & node.js IOT for beginner
 
Testing Windows Phone 8.1 app with unit test and Coded UI test
Testing Windows Phone 8.1 app with unit test and Coded UI testTesting Windows Phone 8.1 app with unit test and Coded UI test
Testing Windows Phone 8.1 app with unit test and Coded UI test
 
Porting business apps to Windows Phone
Porting business apps to Windows PhonePorting business apps to Windows Phone
Porting business apps to Windows Phone
 
The magic of Dynamic in Nancy Fx
The magic of Dynamic in Nancy FxThe magic of Dynamic in Nancy Fx
The magic of Dynamic in Nancy Fx
 
Building High Performance and Reliable Windows Phone 8 Apps
Building High Performance and Reliable Windows Phone 8 AppsBuilding High Performance and Reliable Windows Phone 8 Apps
Building High Performance and Reliable Windows Phone 8 Apps
 
Test and profile your Windows Phone 8 App
Test and profile your Windows Phone 8 AppTest and profile your Windows Phone 8 App
Test and profile your Windows Phone 8 App
 
Getting started with Windows Phone 7 and unit test
Getting started with Windows Phone 7 and unit testGetting started with Windows Phone 7 and unit test
Getting started with Windows Phone 7 and unit test
 
Introduzione a Node.js
Introduzione a Node.jsIntroduzione a Node.js
Introduzione a Node.js
 
Developing application for Windows Phone 7 in TDD
Developing application for Windows Phone 7 in TDDDeveloping application for Windows Phone 7 in TDD
Developing application for Windows Phone 7 in TDD
 
My Final Dissertation
My Final DissertationMy Final Dissertation
My Final Dissertation
 

Kürzlich hochgeladen

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Kürzlich hochgeladen (20)

🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 

Windows Phone 7 Development

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28. <StackPanel > <TextBox Text="Hello" /> <Button Content="Click"/> </StackPanel>
  • 29. Rappresenta un'area scorrevole che può contenere altri elementi visibili. Il tipo di elemento contenuto può essere a sua volta una composizione di elementi <ScrollViewer BorderThickness="0"> <ItemsControl Name="Posts" > <ItemsControl.ItemTemplate> <DataTemplate> <StackPanel Tap="ShowDetail” > <TextBlock Text="{Binding Path=Title}” /> <TextBlock Text="{Binding Path=Description}” /> <TextBlock Text="{Binding Path=PubDate}” /> </StackPanel> </DataTemplate> </ItemsControl.ItemTemplate> </ItemsControl> </ScrollViewer>
  • 30. <controls:Panorama Title="WebDeBs"> <controls:Panorama.Background> <ImageBrush ImageSource="PanoramaBackground.png"/> </controls:Panorama.Background> <!--Panorama item one--> <controls:PanoramaItem Header="home" Foreground="Black"> <ScrollViewer BorderThickness="0"> ... </ScrollViewer> </controls:PanoramaItem> <!--Panorama item two--> <controls:PanoramaItem Header="eventi" Foreground="Black"> <ScrollViewer BorderThickness="0"> ... </ScrollViewer> </controls:PanoramaItem> <!--Panorama item three--> <controls:PanoramaItem Header="incontri" Foreground="Black"> <ScrollViewer BorderThickness="0"> ... </ScrollViewer> </controls:PanoramaItem> </controls:Panorama>
  • 31. Permette di posizionare controlli in un’area definita dall’utente. <Grid x:Name="LayoutRoot" Background="Transparent"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="80"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition/> <ColumnDefinition/> </Grid.ColumnDefinitions> <StackPanel> <TextBox Style="{StaticResource TextBoxStyle}" Text="Hello" /> <Button Style="{StaticResource ButtonStyle}" Content="Click"/> </StackPanel> <TextBox Text="Test" Grid.Row="1" Grid.Column="1"/> <Button Content="Send" Grid.Row="2" Grid.Column="0"/> </Grid>

Hinweis der Redaktion

  1. Peraderire al design language in fasedi design gliuniciprincipidaseguiresonoquelliriportatisuquesta slide.L’applicazionecheandiamo a realizzaredeveessereClean, Light, Open and FastRidurre al minimoglielementichecompongonol’interfaccia, sianelcasodielementipuramentevisualisia in sensodi feature nellasingolapagina.Focus sul task primariodella UI, e fare in modoche la UI siaresponsiva, pratica, veloce (open nelsensodispazioaperto)Celebrate TypographyL’interfaccia del sistema è estremamente tipografica, fare in modo di trasmettere significato attraverso gli stili tipografici (critica alla presenza di un solo font)Alive in MotionIl movimento conferisce carattere alla UI, ma è anche un elemento di usabilità, deve suggerire all’utente alvune informazioni di navigazione e lo aiuta con l’orientamento nell’applicazione.Content, Not ChromeViene promossa l’interazione diretta col contenuto, ridurre i bottoni, gli elementi visuali, abbandonare le interfacce scheumorfiche è un elemento fondamentale per metroAuthentically DigitalCome dicevamo parlando della scuola bauhaus il materiale deve suggerire la forma e far bella la funzione di un oggetto. Ecco che il materiale ‘virtuale’ del pixel acquista un suo valore e l’interfaccia deve essere unicamente realizzata per dar forma a contenuti digitali, senza riprodurre o mimare elementi di vita quotidiana
  2. Lo sviluppodelleui sui telefoni e suglismartphonehannodallalorocomparsaseguitoil trend delleinterfacce per desktop:Mi riferisco al fattoche le interfacce desktop sisono in lineadimassimasviluppate, dallanascitadeisistemi a finestre, verso unamimicasemprepiùprecisadioggettireali per richiamaremetaforeinterpretabilidall’utente.Il modellodi base non è maicambiato, le iconeservonoda shortcut visuale a determinate funzioni del dispositivo e anche le interfaccedelleapplicazionistessespessoriproducono in manieramaniacaleartefattireali, introducento a volte diversitàgrossolane con glielementifisicicherichiamano (bastipensare a un’app come iCal cheriproduce in maniera molto realisticaun’agendacartacea, sebbene poi offrapossibilitàdi scroll deicontenuti molto diverse daquellecheavremmo con l’oggettofisico.
  3. I proncipidi metro applicati al design diunanuova UI per I sistemi wp7 hannoportatoall’abolizionedell’overheadvisuale, cercandodiutilizzare I contenutistessi come oggetti per cui siaprevistal’interazione con l’utente.Le ‘live tiles’, ossiaquellepiastrellechesostituisconoilconcettodi ‘icona’ in wp7, contengonogeneralmenteuna parte lrilevantedewlcopntenutodellafunzionechevanno a richiamare (ne sonoottimiiesempi la tile per I contatti o quella per le immagini’ o quelle ‘Io’ in questoesempio
  4. Vista la start screen con le tiles ilresto del sistemaadotta lo stesso pattern diinterazionedeipiùcomuni device sulmercato. Nella slide è descrittoil pattern hub&amp;spockecheaffrontailproblema del design diuna UI con tanti ‘plugin’ diversi e ‘scollegati’ chedevonoessereraggiungibilida un hub centrale, senzachetuttocolleghitutto (per questionidispazio, confusione, workflow semplificato)Neglialtri device in generel’hub è la start screen con le icone, qui c’èuna screen secondariaalla start screen con l’elencoditutte le app e unaseriedi hub secondari per un ulterioreraggruppamentodei task in base allafunzione… vediamoqualcheesempionella slide successiva
  5. Esempidi hub secondari: esperienze integrate a seconda del contesto…Navigandoilsistema come dicevamo le animazionifunzionanodastrumentodiorientamento e usabilità, per questomotivosidifferenzianoalcunetipologiedianimazioni con scopidifferenti: (prox slide)
  6. Turnstile: per passareda app a app, o daunospazio a unodiversoContinuum: per andareneldettagliodiqualcosa, approfondendoilconcettoprecedenteSlide: per introdurreuno scenario ‘senzauscita’, come una popupSwivel: per schermateparziali (come il menu a seguitodellapressione del tastorispondi a una mail: rispondi – rispondi a tutti – inoltra)
  7. La strutturadellepaginedellevarie apps è coerente in tuttoilsistema e prevedealcuniconcettifondamentali:
  8. TextBoxmappadirettamentel’oggettoTextBox del clr e Text èunaproprietà di tale oggettoStessodiscorso per button.StackPanelè un contenitorechedispone I suoifiglisuunariga o unacolonna.