Windows8 앱을 8.1로 업그레이드Visual C# DevelopmentMVP Shinyoung Joo

주신영

㈜스마트쉐어Microsoft Visual C# MVPFacebook : bit1010

장미주

㈜스마트쉐어Microsoft Client Dev MVPFacebook : shyjoo

윈도우8 앱과 윈도우폰

IOT 관련 서비스 개발을 위한A사 G사의 모바일 앱 개발

Windows 8.1 업그레이드

SnapSearchHub

The new and improved user experience

Client DevelopmentMVP Miju Jang

Resizable Windows

Windows 8 View states

Full landscape

FilledSn

ap

ped

Full portrait

Resizable Windows

유연한 창 너비 적용

기본 최소 너비 500px , 높이 768px

필요 시 320px 너비 지정 가능

두 개 이상의 앱 함께 보기

단일 앱 두 개 이상 창으로 보기

다른 앱 호출 하기

Wider than

tall window

Taller

than

wide

window

Taller

than

wide

windowTaller

than

wide

windo

w

Resizable Windows

ABABC

A

BA

B

Layout

Resizable Windows

Layout

컨트롤의 크기 확인

여백의 활용

자동 재배치 레이아웃 사용

너비 320px의 구성 세로 보기 사용 작은 사이즈 버튼 스타일 적용 왼쪽 여백 너비 20px 타이틀 20pt 페이지/컨텐츠 전환 애니메이션 오프셋

값 작게 적용

Controls

Hub Control

앱의 시작

앱의 기능 소개

시각적 다양성 제공

섹션별 원본 데이터

별도 설정

간편한 그룹화

Hub Control

Visual Studio 2013 Template Project

– Hub App

Hub page

SectionPage

ItemPage

더미데이터 제공( json)

AppBar Control

AppBar / CommandBar

전용 컨트롤 추가

AppBarButton

AppBarSeparator

AppBarToggleButton

Flyout Control

Flyout / MenuFlyout

컨트롤에 연결

Button - Flyout

TextBlock – FlyoutBase.AttachedFlyout

SearchBox Control

앱 내의 컨텐츠 검색

검색 템플릿 및 스타일 지원

검색 계약지원 항목

제안어

검색결과

검색기록

IME(입력기) 지원(옵션)

DatePicker & TimePicker Control

Control Update

Header 지원

ComboBox

Slider

DatePicker

TimePicker

PasswordBox

RichEditBox

Control Update

PlaceholderText

ComboBox

PasswordBox

RichEditBox

SearchBox

TextBox

Control Update

MediaElement

AreTransportControlsEnabled

재생/중지/일시 중지

타임라인

볼륨

확대

전체화면

IsFullWindow

Stretch 설정

Tile

Tile

새로운 사이즈 추가

Small Tile (70x70)

배지 형식 라이브

타일 지원

앱 이름 지원 안됨

Large Tile (310x310)

Tile

명명 규칙 변경

Small = Square 70x70

Medium = Square 150x150

Wide = Wide 310x150

Large = Square 310x310

시작화면 타일 고정은 사용자의 선택

Contact

Contact

연락처 정보 보기

Contact card workflow

View Profile

ContactManager.ShowContactCard( … );

From: Ben Miller

Appointment

AppointmentsProvider

일정 추가

일정 변경

일정 취소

AppointmentManger

일정 기본 UI를 제공

Appointment

AppointmentManager.

ShowAddAppointmentAsync(…)

Lock Screen Alarm

Lock Screen Alarm

잠금 화면 등록

사용자 권한 요청

알람 슬롯 배치

1초 내에 알림

음소거 시 알람 소리

Speech synthesis

Speech synthesis

단순 텍스트 음성 출력

synthesizeTextToStreamAsync

PC의 위치 설정에 따라 음성 지원

SSML(Speech Synthesis Markup Language)

synthesizeSsmlToStreamAsync

음성 특징

발음

볼륨

피치

비율 / 속도

강도

Speech synthesis

Voice

David(en-US, 남성)

Zira(en-US, 여성)

Hazel(en-UK, 여성)

Heami(ko-KR, 여성)

외 13개국 음성 지원

shyjoo@live.com

Thanks