소니 스토리 (Sony Story)

(1) SplashScreenManager 컴포넌트 사용법 - Navigation Controls - SplashScreenManager에 대한 사용법에 대해서 공부해 보겠습니다. - SplashScreenManager 사용법에 대해서 설명할 내용이 많아 2번 나누어 정리해 보겠습니다. (2) 소스 (3) 기본기능 따라해 보기 - SplashScreenManager 를 검색해서 Form1 디자인에 추가 합니다. - SplashScreenManager 컴포넌트 추가후 기본으로 제공되는 Wait Form에 대해 진행하겠습니다. - SplashScreenManager 작업에서 Add Wait From 선택 추가 - Add Wait From 선택 추가시 기본 소스와 폼이 아래와 같이 생성됩니다. - WaitFo..

(1) DockManager 컴포넌트 사용법 - Navigation Controls - DockManager에 대한 사용법에 대해서 공부해 보겠습니다. (2) 소스 (3) 기본기능 따라해 보기 - DockManager를 검색해서 Form1 디자인에 추가 합니다. - 선택된 DockManager (dockManager1)에서 DockManager 작업 선택합니다. - Add Panel at Left 선택 추가합니다. (dockPanel1 추가된 화면) - 이번에는 Add Float Panel를 선택 추가합니다. (dockPanel2 추가된 화면) - 지금까지 내용을 간단하게 실행해서 확인해 보겠습니다. (아래 실행화면) - 추가된 dockPanel2를 마우스 왼쪽클릭한 상태에서 움직이면 아래와 같은 화면이..

(1) AccordionControl 컴포넌트 사용법 - DevExpress의 AccordionControl은 사용자 인터페이스(UI)에서 네비게이션 및 그룹화된 정보를 표시하기 위해 사용되는 강력한 컨트롤입니다. - AccordionControl의 메뉴 사용에 대해서 공부해 보겠습니다. (2) 소스 (3) 기본기능 따라해 보기 - AccordionControl를 검색해서 Form1 디자인에 추가 합니다. - 추가된 AccordionControl 작업에서 Choose Dock Style를 None -> 왼쪽(Left) 변경 - 다시 AccordionControl 작업에서 Add Group 1개 추가 와 Add Item 2개 추가 선택합니다. - Group Element1를 선택해서 Add Item 3개 ..

(1) Ribbon 컴포넌트 사용법 - Demo3에 대해서 이어 사용법에 대해서 알아보겠습니다. - 이번에는 Ribbon 컴포넌트에 포함된 Application Button에 대해서 알아보겠습니다. (2) 소스 (3) 기본기능 따라해 보기 - 아래에 표시된것과 같은 Application Button을 확인할수 있습니다. - 오른쪽 옵션과 같이 ShowApplicationButton Default로 되어 있습니다. (Default = true) - Ribbon Control 작업에서 'Add Backstage View (Office 2010/13 Style Menu)' 선택 - 'Add Backstage View (Office 2010/13 Style Menu)' 선택시 아래와 같이 창 하나가 생성됩니다...

(1) Ribbon 컴포넌트 사용법 - Demo2에 대해서 이어 사용법에 대해서 알아보겠습니다. - 이번에는 실행화면에 사용자 Skin 변경기능과 변경된 내용 저장기능에 대해서 알아 보겠습니다. (2) 소스 (3) 기본기능 따라해 보기 - 메인폼(Form1)에서 ribbonControl1 컴포넌트를 선택합니다. - AllowCustomization : False -> True 변경 - 프로그램을 바로 실행해서 사용자 기능으로 변경해 보겠습니다. (4) 실행 화면 - 메뉴 스킨에서 오른쪽 버튼을 눌렀을때 'Customize the Ribbon...' 를 확인할수 있습니다. - 윗 타이틀 메뉴 버튼을 눌렀을때도 'Customize the Ribbon...' 를 확인할수 있습니다. - 선택해서 바꾸어 보겠습니..

(1) Ribbon 컴포넌트 사용법 - Demo1에 대해서 이어 사용법에 대해서 알아보겠습니다. (2) 소스 (3) 기본기능 따라해 보기 - 프로그램에서 상단 Riboon 컴포넌트의 Run Designer를 선택합니다. - Ribbon Control Designer Toolbars 화면입니다. - Toolbars에 기본 설정(Demo1에서 공부한 내용) 된 내용을 확인할수 있습니다. - Ribbon Items : 화살표에 표시된것 처럼 오른쪽화면에서 barToggleSwitchItem1를 드레그해서 왼쪽화면으로 끌고와 ribbonPage2 아래 ribbonPageGroup2로 올려놓습니다. - Quick Access Toobar : 화살표 방향으로 barToggleSwitchItem1를 드레그해서 왼쪽화..

(1) Ribbon 컴포넌트 사용법 - Ribbon 컴포넌트 기본 사용법에 대해서 나누어 알아보겠습니다. - 기본 프로그램에 Ribbon Control 컴포넌트 추가 - Ribbon Status Bar 컴포넌트 추가 - Ribbon Control 컴포넌트 추가후 Convert Form to RibbonForm 선택하여 기본폼을 Ribbon 폼으로 변경 - Ribbon 폼으로 변경됨 모습 - Ribbon Control에서 Ribbon Style 를 Office2009로 선택해 보겠습니다.(원하시는 Style 선택) - ribbonPage1 -> ribbonPageGroup1 에서 추가 Item를 Button 선택합니다. - 아래 Ribbon Status Bar에서도 Static Text Item를 선택해 ..

(1) PopUp Menu 사용 - Form1에 PupupMenu 컴포넌트 추가 - pupupMenu1 컴포넌트에 Run Designer 선택실행 - 마우스 드래그를 사용 Search, Quit 끌어 놓기 - [add] -> Button (barButtonItem3) 선택 추가 -> Close 버튼 - TextEdit 컴포넌트 추가 - textEdit1 에서 popupMenu1 선택 - 버젼이 달라 위치가 다를수 있습니다. (popupCentextMenu를 찾으셔서 선택하시면 됩니다.) (2) GroupControl 와 StandaloneBarDockControl 컴포넌트 추가 - GroupControl를 먼저 추가하고 StandaloneBarDockControl를 Gro..

- 컴포넌트 환경 저장하고 불러오기에 대해서 알아보겠습니다. (1) BarManager 컴포넌트 환경파일 저장 - 기본 프로그램 Form1에서 이벤트 FormClosing 를 더블클릭 합니다. - 프로그램 종료시 barManager1 환경파일을 "toolbars.xml"로 저장합니다. private void Form1_FormClosing(object sender, FormClosingEventArgs e) { barManager1.SaveLayoutToXml("toolbars.xml"); } (2) BarManager 컴포넌트 환경파일 불러오기 - 기본 프로그램 Form1에서 이벤트 Load 를 더블클릭 합니다. - 프로그램 실행시 barManager1 환경파일 "toolbars.xml" 불러오기 pr..

- 기초교육에서는 간단한 공통컴포넌트 기능이 무었이 있다고만 설명했다면 이제부터는 컴포넌트 사용에 대해서 좀더 알아보겠습니다. - 저도 잘 몰라서 여러번 테스트 해보고 올립니다. 저와 비슷한 초심자 분들을 위한 내용으로 정리해 보겠습니다. - 2단원에서는 제목과 같이 DevExpress 컴포넌트중 Navigation & Layout에 있는 기능을 설명합니다. (1) BarManager 컴포넌트 - 신규 프로젝트를 생성을 sample_2_3으로 기본 Blank Screen 으로 생성합니다. - 생성된 기본 화면 Form1 입니다. - 도구상자에서 barmanager를 검색해서 컴포넌트를 추가 합니다. - barManager1 컴포넌트가 추가되면서 화면에 메뉴[Add]라는 부분이 3개가 생성됩니다. - 메뉴..

- Behaviors 컴포넌트를 통한 기능관리 및 DataGrid 간의 자료 이동에 대해서 간락하게 알아보겠습니다. (1) 프로그램 구성 - 프로그램 구성과 소스 - 프로그램 실행시 아무 기능도 없어 Behaviors 컴포넌트 기능을 활용하여 기능을 넣어 보겠습니다. - 설명할 화면이 많아 길어질것 같습니다. (2) Behaviors 컴포넌트 추가 (Color picker) - colorEdit1 -> Add Behaviors 클릭 - Collection Editor Behaviors 팝업창에서 Add Magnifier Behavior 클릭시 아래 컴포넌트도 자동생성됩니다. - Magnifier Behavior 확인후 'OK' 클릭 - 프로그램 실행후 기능확인 - 돋보기 클릭시 커다란 돋보기가 표시되고,..

- Data 관리를 위한 DataGrid를 활용한 Databinding에 대해서 알아보겠습니다. (1) 프로그램 구성 - Data GridControl, DataNavigator, TextEdit를 활용한 간단한 샘플입니다. using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; namespace sample_1_11 { public partial class Form1 : DevExpress.XtraEditors.XtraForm { p..

- DevExpress에서 Skin를 Script나 컴포넌트를 통한 변경작업에 대해서 알아보겠습니다. (1) DevExpress sample 화면 (1) sample Button1 버튼 Script Skin 변경 - smpleButton1 더블클릭후 Script 작성 - 참고로 Skin 관련 라이브러리는 DevExpress.LookAndFeel를 사용합니다. (2) 프로그램 실행 후 버튼 클릭 - 실행 화면 버튼 클릭전 - 버튼클릭후 변경된 화면 Skin (3) Skin 컴포넌트 추가 - Toolbox -> RibbonControl 선택후 Form에 추가(화면클릭) (4) Skin 컴포넌트 설정 #1 - ribbonPageGroup1 클릭후 Skin Item -> Skin Gallery 선택 - 바로 이..

- Windows 기본 Form에 DevExpress Form으로 변경하고 그에따른 컴포넌트 변화에 대해서 알아보겠습니다. (1) Windows 기본 Form에 간단한 컴포넌트 화면 구성 - 화면과 소스입니다. - 화면에는 DevExpress progressBar, textEdit, simpleButton 컴포넌트가 있습니다. - 소스를 보시면 Windows 기본 Form을 상속받아 작성 되어 있음을 알수 있습니다. (2) Windows 기본 Form -> DevExpress Form 변경 - 프로젝트에서 오른쪽 마우스 -> DevExpress Project Settings 선택 - 기본 DevExpress 셋팅화면 - Skin Options -> Skin Name(The Bezier), Skin Pal..

기본프로젝트 폼에서 폼추가와 기본 Layout 사용 설명입니다. (1) 프로젝트에서 오른쪽 마우스 -> Add DevExpress Item -> New Item 선택 (2) New Item 선택후 Splash Screen 선택 - 여러 폼중 가장 쉬운 Splash Screen Form를 선택해 보겠습니다. - Splash Screen 선택후 Add Item 선택 (Item Name은 기본명) (3) Splash Screen 기본폼 생성 - 기본폼 생성에 progressbar control, picture edit 를 만들어 주네요. (4) 기본폼에서 Skin를 변경 - Select Skin 선택하여 Skin를 변경해 보겠습니다. (5) 기본 Skin 화면 - Skin Name : The Bezier 변경..

이곳에서는 기존 WinForm 프로젝트에서 DevExpress 프로젝트 기능을 추가하는 것에 대해서 설명해 보겠습니다. (1) Visual 기본 Winform 프로젝트 - 참조내역에 DevExpress 라이브러리가 없는 기본 Winform 프로젝트 입니다. (2) DevExpress Project Setting #1 - 프로젝트에서 오르쪽 마우스를 클릭하시면, DevExpress Project Settings 선택합니다. (3) DevExpress Project Setting #2 - DevExpress Project Settings 선택후 다음과 같이 화면이 보이게 됩니다. - DevExpress 라이브러리를 추가 (Add Libraries)를 선택합니다. (4) DevExpress Project Se..

1. Getting Started - Demo1 먼저 프로젝트 시작부터 설명하면서 부족한 부분은 소스를 참고해 주시기 바랍니다. (1) 프로젝트 시작 - 프로젝트 시작에서 DevExpress Winforms App Templeate Gallery를 선택 -> 다음 (2) 새 프로젝트 구성 - 프로젝트 이름과 위치를 입력 -> 다음 (3) DevExpress Template Gallery - Winforms - 윈도우 기본폼을 선택합니다 (Blank Application) -> Create Project - 기본폼 양식은 여러가지가 있어 하나씩 선택하면서 화면을 보시고 본인에 맞는 양식을 선택하시면 됩니다. - 폼양식은 프로젝트내에서 변경 가능합니다. - Blank Application..

DevExpress 교육을 시작하며 c# WinForm DevExpress를 처음 접하시는 분을 위해 기초부터 하나씩 만들어 보겠습니다. 저도 처음접하면서 여기저기 찾아보면서 공부하는데는 한개가 있어 DevExpress 동영상을 구독하여 보면서 저와같은 분들을 위해 만들어 보고자 합니다. DevExpress 동영상교육(WinForms Online Training Subscription)은 7가지로 되어 있습니다. 1. Getting Started (36분) 2. Navigation Controls (49분) 3. Application Layout (43분) 4. Data Grid (34분) 5. Data Visualization (47분) 6. Document Generation and Reporting..