public class PhotoMosaic { // 자신의 Flickr API Key로 설정하세요. public const string FLICKRKEY = "#########################"; public double TileWidthScale { get; set; } public double TileHeightScale { get; set; } public BitmapImage SourceImage { get; set; } public DrawingImage Make(string Keyword) { // Flickr를 통해 이미지를 검색해서 가져온다. List<BitmapImage> MosiacImage = SearchImage(Keyword); // SourceImage가 없다면 null을 리턴 if (SourceImage == null) return null; // Photo Mosaic결과가 저장될 DrawingImage객체 DrawingImage ResultImage = new DrawingImage(); // Photo Mosaic데이터를 저장하기 위한 DrawingGroup DrawingGroup Group = new DrawingGroup(); // BitmapImage를 Drawing하기 위한 DrawingContext DrawingContext DrawingContext = Group.Open(); // SourceImage의 크기 int SourceImageWidth = SourceImage.PixelWidth; int SourceImageHeight = SourceImage.PixelHeight; // Mosaic Image의 크기 double ImageWidth = SourceImageWidth * TileWidthScale; double ImageHeight = SourceImageHeight * TileHeightScale; // 실제 PhotoMosiac 제작 부분. 바탕에 원본이미지를 그려준다. DrawingContext.DrawImage(SourceImage, new Rect(0, 0, SourceImageWidth, SourceImageHeight)); // DrawingContext에 Opacity를 Push해서 이후 그려질 // Mosaic조각들에 대한 Opacity를 지정 // Opacity가 낮을 수록 원본이미지가 선명하게 보임 DrawingContext.PushOpacity(0.3); // MosaicImage에 저장된 이미지중 랜덤으로 하나씩 선택하여 Mosaic을 수행 Random Random = new Random((int)DateTime.Now.TimeOfDay.TotalMilliseconds); for (double X = 0; X < SourceImageWidth - 1; X += ImageWidth) { for (double Y = 0; Y < SourceImageHeight - 1; Y += ImageHeight) { DrawingContext.DrawImage(MosiacImage[Random.Next(0, MosiacImage.Count)], new Rect(X, Y, ImageWidth, ImageHeight)); } } // DrawingContext의 Opacity를 Pop. DrawingContext.Pop(); // DrawingContext 닫기 DrawingContext.Close(); // PhotoMosaic 데이터가 저장된 DrawingGroup을 ResultImage에 저장 ResultImage.Drawing = Group; // 결과 return. return ResultImage; } private List<BitmapImage> SearchImage(string Keyword) { // Flickr에서 사진을 검색하기위해 Flickr API사용 Flickr Flickr = new Flickr(FLICKRKEY); // Flickr에서 Keyword로 사진을 검색 Photos Photos = Flickr.PhotosSearchText(Keyword); // Flicker Photo객체를 BitmapImage로 변환 List<BitmapImage> Images = new List<BitmapImage>(); foreach (Photo PhotoItem in Photos.PhotoCollection) { BitmapImage ImageItem = new BitmapImage(); ImageItem.BeginInit(); // Mosaic에 사용될 Image는 크기가 작아도 무방하므로 ThumbnailImage를 사용 ImageItem.UriSource = new Uri(PhotoItem.ThumbnailUrl); // 빠른 처리를 위해 Cache사용 ImageItem.CacheOption = BitmapCacheOption.OnLoad; ImageItem.CreateOptions = BitmapCreateOptions.PreservePixelFormat; ImageItem.EndInit(); Images.Add(ImageItem); } return Images; } }

void BtnMake_Click(object sender, RoutedEventArgs e) { PhotoMosaic PhotoMosaic = new PhotoMosaic(); // PhotoMosaic에 사용할 Source Image PhotoMosaic.SourceImage = Source.Source as BitmapImage; // PhotoMosaic에 사용될 Tile의 Scale PhotoMosaic.TileWidthScale = 0.01; // 원본의 100분의 1크기 PhotoMosaic.TileHeightScale = 0.01; // 원본의 100분의 1크기 this.Cursor = Cursors.Wait; Source.Source = PhotoMosaic.Make(TxtKeyword.Text); this.Cursor = Cursors.Arrow; }

unsafe public class MotionSensor { #region CoreDll Invoke DLL public const int OPEN_EXISTING = 3; [DllImport("coredll.dll", SetLastError = true)] protected static extern IntPtr CreateFile(string lpFileName, uint dwDesiredAccess, uint dwShareMode, IntPtr lpSecurityAttributes, uint dwCreationDisposition, uint dwFlagsAndAttributes, IntPtr hTemplateFile); [DllImport("coredll.dll", SetLastError = true)] protected static extern int CloseHandle(IntPtr hObject); [DllImport("coredll.dll", SetLastError = true)] protected static extern bool DeviceIoControl(IntPtr hDevice, uint dwIoControlCode, IntPtr lpInBuffer, uint nInBufferSize, [Out] IntPtr lpOutBuffer, uint nOutBufferSize, ref uint lpBytesReturned, IntPtr lpOverlapped); #endregion public UInt32 X { get { return GetMotionSensorData(MotionSensorDataType.X); } } public UInt32 Y { get { return GetMotionSensorData(MotionSensorDataType.Y); } } public UInt32 Z { get { return GetMotionSensorData(MotionSensorDataType.Z); } } public MotionSensorData GetMotionSensorData() { MotionSensorData Result = new MotionSensorData() { X = this.X, Y = this.Y, Z = this.Z }; return Result; } protected UInt32 GetMotionSensorData(MotionSensorDataType Type) { // 현재 어플리케이션의 ID값입니다. int ApplicationID = 200; // 200 ~ 250가지 임의로 지정가능 // 입력받은 MotionSensorDataType을 UInt32형으로 변환합니다. UInt32 MotionSensorDataTypeValue = (UInt32)Type; uint ReturnSize = 0; UInt32 ReturnValue = 0; // MotionSensor의 DeviceHandle을 취특합니다. IntPtr Handle = CreateFile("ACS1:", 0, 0, IntPtr.Zero, OPEN_EXISTING, 0, IntPtr.Zero); // MotionSensorDataType으로 Device와 통신을 수행합니다. DeviceIoControl(Handle, MotionSensorDataTypeValue, new IntPtr(&ApplicationID), sizeof(UInt32), new IntPtr(&ReturnValue), sizeof(UInt32), ref ReturnSize, IntPtr.Zero); // MotionSensor의 DeviceHandle을 닫습니다. CloseHandle(Handle); return ReturnValue; } public void Open() { // Motion Sensor에게 센서 활성화를 요청합니다. GetMotionSensorData(MotionSensorDataType.SENSOR_ON); } public void Close() { // Motion Sensor에게 센서 비활성화를 요청합니다. GetMotionSensorData(MotionSensorDataType.SENSOR_OFF); } }

※ 포인터를 사용하여 디바이스와 통신을 수행하기 때문에 unsafe 키워드를 사용했습니다.


그리고 아래는 실제 코드에서 MotionSensor객체를 사용하는 방법에 대해 설명입니다.

간단하게 MotionSensor객체를 생성하고 GetMotionSensorData()를 호출하거나 X,Y,Z Property를 바로 사용하시면 되겠습니다.
단, X,Y,Z Property를 사용하실때에는 해당 Property를 요청할때마다 데이터를 다시 수신하게 되므로 하나의 루틴에서는 해당 Property가 리턴한 값을 복사하여 사용하시면 되겠습니다.

이상으로 오늘 포스팅을 마치며 기타 궁금하신 점이나 다른 문의는 이메일 또는 리플로 남겨주시기 바랍니다.
아래는 이번시간에 구현한 소스코드입니다.

동영상만 봐서는 저게 뭐에다가 쓰이는 물건인지.. 감이 안잡히시죠??  (제목을 보셨다면 이해 하셨을수도.. ㅎㅎ) 이번시간에 구현할 내용은 WPF3D를 이용해 기존의 Listbox를 Cube모양으로 만들어 활용하는 방법에 대해 소개해 드리겠습니다. 먼저 구조에대해 설명을 드리겠습니다. (소스코드를 다운로드 받으셔서 확인해 가시면서 보시면 이해가 빠를것 같습니다!)

프로젝트를 열어보면 위 샘플에 사용된 이미지 몇장과 Cube3D.xaml, CubeListBox.xaml이 있습니다.
Cube3D.xaml은 Cube UI이기 때문에 Cube 모양을 정의 하는 Geometry가 포함된 ModelVisual3D객체 입니다. Cube3D에는 Front, Back, Left, Right, Top, Bottom이라 이름의 Property가 존재하는데요, 이는 Cube의 각각 면에 해당하는 합니다.

그리고 OffsetX, OffsetY, OffsetZ ... RotationZ 등은 제가 WPF를 이용해서 3D를 구현할때 자주사용하는 코드로 간단하게 Offset, Scale, Rotation을 적용하기 위한 코드입니다. 이부분은 다음에 더 자세히 다루도록 하겠습니다.

그다음 CubeListBox입니다. CubeListBox는 위에서 말씀드린 Cube3D를 템플릿에 활용하여 구현된 ListBox입니다. Template부분 코드를 보면 아래와 같습니다.


Viewport3D를 이용해 WPF3D를 사용하기 위한 Viewport를 생성하고 적당한 카메라와 조명의 위치를 잡은 뒤 위에서 말씀드렸던Cube3D객체를 추가합니다. 그리고 각면에 SelectedItem, PrevItem, NextItem등을 Binding하게되는데요.
여기서 Front에 SelectedItem을 Left에 PrevItem을, Right에 NextItem을 Binding하는 이유는 잠시후에 설명하도록 하겠습니다.
(SelectedItem은 사용자가 현재 ListBox에서 선택한 객체를 보여주고, PrevItem는 이전 NextItem은 다음 객체를 의미합니다.)

PrevItem과 NextItem은 Listbox에 기본적으로 정의된 Property가 아니기 때문에 새로 Dependency Property로 정의 하고, SelectedIndex가 변경되었을때 아래와 같은 내용으로 PrevItem과, NextItem에 값을 할당 해줍니다.

ListBox에 추가된 객체의 갯수보다 Nextndex가 클경우 Index를 0으로 설정하여 순환구조로 작성했으며 PrevIndex가 0보다 작을경우 마지막 항목의 Index를 지정하여 마찬가지로 순환구조를 가지도록 했습니다.

이렇게 하면 Cube상에 현재 선택된 객체는 Front에 다음 객체는 Right에 이전객체는 Left에 위치하게 됩니다. 이제 마우스 조작을 통해 큐브를 회전시키는 부분을 구현할 건데요...해당코드는 아래와 같습니다.


Cube를 회전 한다고해서 실제 ListBox의 SelectedIndex가 변경되는것이 아니기 때문에 회전 Animation이 완료되면 회전 방향에 따라 Index를 증가 또는 감소 시켜줍니다.

이렇게하면 Front에는 현재 선택된 객체가, Left에는 이전, Right에는 다음 객체가 보여지게 되는데요. 회전을 하게되면 Cube자체의 Front, Left, Right 면의 위치가 변하게 되어 뜻하지 않은 결과를 발생시킵니다. 이를 위해 Cube의 회전이 모두 끝나면 Animation을 제거하여 큐브가 회전하지 않은 상태가 되도록 합니다.

이렇게 구현된 CubeListBox는 아래와 같이 일반적인 ListBox와 같은 방식으로 사용하실 수 있습니다.


이상으로 이번 포스팅을 마치며 기타 질문이나 문의 포스팅 요청은 이메일이나 리플로 남겨제요 ^^
아래는 이번 시간에 작업한 내용의 전체 소스코드입니다.