SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

La actualidad más candente (8)

HTML5 - The 2012 of the Web - Adobe MAX
HTML5 - The 2012 of the Web - Adobe MAXHTML5 - The 2012 of the Web - Adobe MAX
HTML5 - The 2012 of the Web - Adobe MAX
 
OSML and OpenSocial 0.9
OSML and OpenSocial 0.9OSML and OpenSocial 0.9
OSML and OpenSocial 0.9
 
Handlebars.js
Handlebars.jsHandlebars.js
Handlebars.js
 
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
 
Aspdevice - Asp Fast Crud introdution
Aspdevice - Asp Fast Crud introdutionAspdevice - Asp Fast Crud introdution
Aspdevice - Asp Fast Crud introdution
 
cake phptutorial
cake phptutorialcake phptutorial
cake phptutorial
 
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
 
Ajax
AjaxAjax
Ajax
 

Destacado

Destacado (10)

Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShare
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great Infographics
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
 
You Suck At PowerPoint!
You Suck At PowerPoint!You Suck At PowerPoint!
You Suck At PowerPoint!
 
2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare2015 Upload Campaigns Calendar - SlideShare
2015 Upload Campaigns Calendar - SlideShare
 
What to Upload to SlideShare
What to Upload to SlideShareWhat to Upload to SlideShare
What to Upload to SlideShare
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & Tricks
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 

Similar a 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
 

Similar a Windows Phone 7 Development (20)

Polymer
PolymerPolymer
Polymer
 
Introduction to Web Components
Introduction to Web ComponentsIntroduction to Web Components
Introduction to Web Components
 
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
 
Chapter 10
Chapter 10Chapter 10
Chapter 10
 
Practica n° 7
Practica n° 7Practica n° 7
Practica n° 7
 
Stole16
Stole16Stole16
Stole16
 
Private slideshow
Private slideshowPrivate slideshow
Private slideshow
 
Introduction to Html5
Introduction to Html5Introduction to Html5
Introduction to Html5
 
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
 
HTML5 New and Improved
HTML5   New and ImprovedHTML5   New and Improved
HTML5 New and Improved
 
#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
 
Vaadin Components @ Angular U
Vaadin Components @ Angular UVaadin Components @ Angular U
Vaadin Components @ Angular U
 
Devoxx 2014-webComponents
Devoxx 2014-webComponentsDevoxx 2014-webComponents
Devoxx 2014-webComponents
 
Controller in AngularJS
Controller in AngularJSController in AngularJS
Controller in AngularJS
 
Xxx
XxxXxx
Xxx
 
网站无障碍阅读知识
网站无障碍阅读知识网站无障碍阅读知识
网站无障碍阅读知识
 
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 1.0
Polymer 1.0Polymer 1.0
Polymer 1.0
 
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
 
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
 

Último

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Último (20)

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
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
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
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...
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
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
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 

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>

Notas del editor

  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.