[WP7] WebBrowser Window Phone7 2011. 12. 8. 14:24
웹브라우져는 C#의 컴포넌트와 동일하게 생각을 하면 된다.

단 다른 점이 있다면 Navigate 할 때 C#의 경우 주소를 string 형식으로 박아 넣어도 되었지만

망고에서는 new Uri("http://www.xbox.com") 형식으로 주소를 호출 해야한다.

다음이 실행 결과를 나타낸다.(버튼 클릭 하면 웹브라우져 연결)

저작자표시 비영리 변경금지
,
[WP7] TextBlock Window Phone7 2011. 12. 8. 14:12
텍스트 블록은 텍스트 박스와 아주 흡사하다.

다른 점을 꼽자면 Run을 이용하여 텍스트를 추가하고(폰트나 이런 내용다 다 조절 가능)

LineBreak를 이용하여 줄을 바꿀 수가 있다.

LineBreak가 없다면 줄이 바뀌지가 않음을 확인 할 수 있다.


실행 결과는 다음과 같다.


저작자표시 비영리 변경금지
,
[WP7] Slider Window Phone7 2011. 12. 8. 13:48
슬라이더는 어떤 값을 선택 할 때 Visual 하게 그 값을 선택하게 해 준다.

이 컨트롤의 Orientation 속성에 따라 가로 형태(Horizontal)와 세로 형태(Vertical)로 나타 낼 수가 있다.

IsDirectionReversed를 통하여 값의 증가 방향을 선택 할 수 있다.


위와 같이 ValueChanged를 추가를 해 주면 CS 상에서는

slider1_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e) 함수가 생긴다. 그 안에서 내용을 처리하면 된다.

실행 결과는 다음과 같다.


저작자표시 비영리 변경금지
,
[WP7] ScrollViewer Window Phone7 2011. 12. 8. 13:36
스크롤 뷰어.. 음.. 말 그대로 뷰어에 스크롤이 동작한다.

XAML 부분에
<Canvas>
<ScrollViewer Height="200" Width="200" HorizontalScrollBarVisibility="Auto" Canvas.Top="39" Canvas.Left="34">
<TextBlock Canvas.Top="60" Canvas.Left="20" Width="300" TextWrapping="Wrap"Text="test1.test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1test1End"/>                                     </ScrollViewer>
</Canvas>
이 코드를 추가를 해 주면 가로 세로 스크롤을 이용하여 내용을 확인 할 수 있다.

일단 순서는 캔버스를 올리고 거기에 스크롤 뷰어를 올린다.

HorizontalScrollBarVisibility, VerticalScrollBarVisibility 이 속성들이 각각 가로와 세로를 나타낸다.

여기서 잠깐!! 이 컨트롤러를 그냥 일반적인 C#에서의 스크롤로 생각을 하면 안되고!!

이 자체가 뷰어임을 명심해야한다.!!

실행결과는 다음과 같다.

저작자표시 비영리 변경금지
,
[WP7] RadioButton Window Phone7 2011. 12. 8. 11:51
라디오 버튼은 같은 그룹 내에서는 하나만 설정이 가능하다.

여기에서 그룹 지정 방법은 XAML 상에서 GroupName을 설정하거나 속성에서 지정 하여도 된다.

그럼 각기 그룹에 따라서 선택 여부가 바뀐다.

여기에 이제 이벤트를 붙여 줘야 함으로 XAML 상에서 Checked 이벤트를 해당 함수와 연결 해 주면 된다.


CS의 코드는 다음과 같다.
private void check(object sender, RoutedEventArgs e)
{
  RadioButton radio = sender as RadioButton;
  PageTitle.Text = radio.GroupName;
}
다음은 실행 결과이다.


저작자표시 비영리 변경금지
,
[WP7] ProgressBar Window Phone7 2011. 12. 8. 11:24

진행 상태를 나타내는 ProgressBar.

WP7에서는 두가지 방식을 나타낸다. 일반적으로 우리가 알고 있는 100% 맥시멈까지만 보여주는 것이 있고

계속 진행하는 상태가 반복되는 형식이 있다.

이것은 속성에서 IsIndeterminate 값이 True냐 False냐 따라 차이가 난다.

False의 경우는 전자의 형태를 나타내고 True 경우에는 후자의 경우를 나타낸다.

다음은 두개의 ProgressBar를 올리고 속성 값을 서로 다르게 했을 경우 나타나는 결과이다.

저작자표시 비영리 변경금지
,
[WP7] PasswordBox Window Phone7 2011. 12. 8. 10:58
첨에 그냥 무작정 해 봤을 때는 입력 내용을 패스워드 화 하는 줄 알았는데 그게 아니었다.

PasswordBox를 올려주고 속성에서 Password 입력을 하고 난 다음 버튼을 누르면 그 내용이 보이게 한 예제이다.

기존 내용하고 조금 헛갈릴지도 모르겠다.


실행 결과는 다음과 같다.


저작자표시 비영리 변경금지
,
[WP7] MediaElement Window Phone7 2011. 12. 8. 10:47
말 그대로 Media 매체를 재생 할 수가 있다.

지원되는 미디어는 아래와 같다.

 Delivery Method  지원 컨테이너
Progressive Download Windows Media, MP4, MP3, ASX
Windows Media Streaming over HTTP Windows Media, SSPL(Server Side Play List)
Smooth Streaming fMP4
ASX Windows Media, MP4, ASX
PlayReady DRM MP4
Server Side Playlist Windows Media
MediaStreamSource  개발자가 만든 컨트롤에서 제공하는 내용

하나의 프로젝트를 생성하고 난 다음 MediaElement를 올리고 난 다음 프로젝트 상에 MP3 파일 하나를 추가하고 난 다음

속성에서 Copy to Output 속성을 Copy always로 맞춘다.


그러고 난 다음 XAML 상에 코드를 다음과 같이 입력하고 난 다음 실행하면 바로 MP3 파일이 실행 되는 것을 확인 할 수 있다.
삽입 할 코드 내용은 다음과 같다.
<MediaElement Height="533" HorizontalAlignment="Left" Margin="31,34,0,0" Name="mediaElement1" Source ="1407_2081_1.MP3" AutoPlay="True" VerticalAlignment="Top" Width="397" />
저작자표시 비영리 변경금지
,
[WP7] Map Window Phone7 2011. 12. 8. 10:19

Bing Map SilverLight는 사용자가 지도와 관련 된 작업을 할 수 있게 해 준다.

Map 컴포넌트를 선택하여 올려서 실행하면 다음과 같이 나온다.

여기에서 해당 위치를 클릭하면 그 위치를 보여준다.

그 전에 사전 작업이 필요하다. Key 발급을 받아야한다.

https://www.bingmapsportal.com/ 이 사이트로 들어가서 계정이 있다면 로그인을 하면 되지만 없다면 생성하면 된다.

만약 로그인이 되어 있다면 계정의 상세 정보를 입력한 뒤, Create Or View Key(좌측 메뉴)를 클릭하고,

발급받은 키를 사용하고자 하는 용도에 맞게 3번째 메뉴 내용에서 선택을 해 준다.

일단 기본적으로 접근 하는 내용은 필자도 여기까지 해 본 실정이다. 나머진 좀 더 공부해서.. 자세히 알아보고 포스팅 해야겠다.. 아시는 분 있다면 댓글이나 정보 공유 부탁 드립니다.

저작자표시 비영리 변경금지
,
[WP7] ListBox Window Phone7 2011. 12. 8. 09:57
우리가 항상 봐 왔던 그 ListBox와 동일하다. 단 다른 점이 있다면 다른 컴포넌트들도 여기에 포함이 된다.

SelectionMode 에서 선택 방식을 지정 할 수 있다. 하나만 선택 할 것인지 여러개를 선택 할 것인지..

C#에서 쓰던 것과 동일하게 items 속성에서 그 내용을 추가 가능 하며 코드 상에서는

listBox1.Items.Add("1"); 식으로 추가가 가능하다.

XAML 상에서 다른 컴포넌트를 ListBox에 추가 할 경우 아래와 같이 하면 된다.

다음은 그 실행 결과이다.


저작자표시 비영리 변경금지
,

티스토리툴바