Jump to content
과거의 기술자료(읽기 전용): https://tech.devgear.co.kr ×
과거의 기술자료(읽기 전용): https://tech.devgear.co.kr

이 사이트 검색

검색 태그: '윈도우 11'.

  • 태그로 검색

    태그 사이를 쉼표(,)로 구분하세요.
  • 작성자로 검색

콘텐츠 유형


게시판

  • 엠바카데로 (Embarcadero) 개발도구: 델파이 (Delphi), C++빌더 (C++Builder), RAD 스튜디오 (RAD Studio)
    • [기술 Q&A 게시판] 델파이, C++빌더, RAD 스튜디오
    • [설치/등록 Q&A 게시판] 델파이, C++빌더, RAD 스튜디오
    • [기술 기고 게시판] 델파이, C++빌더, RAD 스튜디오
    • [포트폴리오 게시판] 내가 참여한 프로젝트/프로그램 소개
    • [구인 게시판] 개발자 채용/프로젝트 의뢰
  • 엠바카데로 (Embarcadero) DBMS: 인터베이스 (InterBase)
    • [기술 Q&A 게시판] 인터베이스
    • [설치/등록 Q&A 게시판] 인터베이스
    • [기술 기고 게시판] 인터베이스
  • 비주얼 스튜디오 (Visual Studio) 관련 도구
    • [기술 Q&A 게시판] 비주얼 어시스트
    • [설치/등록 Q&A 게시판] 비주얼 어시스트
    • [기술 기고 게시판] 비주얼 어시스트
  • 구록 (Gurock) 테스트도구: 테스트레일 (TestRail)
    • [기술 Q&A 게시판] 테스트레일
    • [설치/등록 Q&A 게시판] 테스트레일
    • [기술 기고 게시판] 테스트레일
  • 아이데라 (Idera) 데이터 도구: 아쿠아 데이터 스튜디오 (Aqua Data Studio), ER/Studio 등
    • ER스튜디오 (ER/Studio)
    • 아쿠아 데이터 스튜디오 (Aqua Data Studio)
  • API레이어 (Apilayer) 개발 도구: API레이어 (Apilayer)
    • [Q&A 게시판] API레이어 (Apilayer)
  • 엠바카데로 (Embarcadero) 라이선스 서버: ELC (Enterprise License Center)
    • [게시판] ELC (Enterprise License Center) 라이선스 서버
  • 이 사이트 이용 관련
    • [게시판] 이 사이트 관련 이용 팁과 Q&A

Categories

  • 이달의 기술자료: 엠바카데로
  • 비디오 세미나
    • UX Summit
    • DelphiCon
    • CodeRage
    • 데브기어 세미나
    • Skill Sprint
  • 기술백서(PDF)

Categories

  • 시작하기
  • 설치/등록/라이선스
  • 튜토리얼
  • 도서

Categories

  • RAD 스튜디오 역사관
  • 11 알렉산드리아
  • 10.4 시드니
  • 10.3 리오
  • 10.2 도쿄
  • 10.1 베를린
  • 10.0 시애틀
  • XE8~XE
  • 2010~6.0

...에서 결과 찾기

검색어 일치 조건


최초 작성일

  • Start

    End


최종 변경일

  • Start

    End


개수로 필터링...

가입

  • Start

    End


Group


자주 쓰는 도구

  1. 원문 링크: https://blogs.embarcadero.com/more-vcl-support-for-windows-11/ 작성자(작성일): Marco Cantu (2021.10) 윈도우11 공식 출시에 맞추어 엠바카데로는 새로운 VCL 스타일을 선보였다. 이 글을 작성한 마르코 칸투 또한 새로운 버전의 마이크로소프트 데스크탑 OS에 맞춘 코딩 helper를 제공하고 있다. 향후 더 많은 자료들을 선보일 예정이다. ------------------------------------------------------------------------------------------------------------------------------------ 올 해 초 발표 이후, 마이크로소프트는 드디어 공식적으로 윈도우 11을 출시했다. 새로운 하드웨어가 요구되어, 오래된 컴퓨터에서 새로운 OS 실행 시 문제가 발생하기도 한다. 하지만 새로운 윈도우는 더 뛰어난 사용자 경험(UX)과 작업 환경을 제공하면서도, 델파이나 C++빌더로 작성된 기존 애플리케이션과 매우 높은 호환성을 유지한다. 엠바카데로는 몇 개월 내에 많은 사용자들이 윈도우 11로 옮겨갈 것으로 예상하고 있다. 이번 글에서는 윈도우 11이나 새로워진 사용자 환경(UX)이 아닌, VCL 애플리케이션을 더욱 개선해서 새로운 OS에서 가장 높은 수준으로 만드는 방법에 대해서 이야기하려고 한다. 델파이와 C++빌더는 최신 버전의 윈도우에 맞춘 다양한 현대화 기술들을 제공하고 있다. VCL 스타일부터 최근 몇 년간 선보여왔던 수많은 새로운 VCL 컨트롤에 이르기까지 다양한 기술들을 선보였다 (RAD스튜디오 10.4.2의 ControlList와 NumberBox 컨트롤, RAD스튜디오 11 알렉산드리아의 개선된 RichEdit도 있다). 일반적인 마이그레이션이나 아이디어는 잠시 뒤로 미뤄두고 윈도우 11 지원 내용만 집중해보겠다. 윈도우 11에는 WebView2 컨트롤이 있어, TWebBrowser 컴포넌트보다 뛰어난 TEdgeBrowser를 사용하는 것이 좋다. 또한 마이크로소프트는 패키지 앱과 마이크로소프트 스토어에 계속해서 중점을 두고 있다. 이 두 가지는 RAD스튜디오 IDE에서 MSIX 배포 기능을 제공해 충분히 지원할 수 있다. 이 기능들은 RAD스튜디오의 최신 버전 11에서 지원한다 (더 이전 버전에서도 제공하기는 했다). 새로운 윈도우 11 VCL 스타일 겟잇에서 윈도우 11에 특화된 두 종류의 새로운 VCL 스타일인 라이트와 다크 모드를 받아 사용할 수 있다. “Windows 11”을 검색창에 입력하면 더 빠르게 찾을 수 있다: 두 스타일을 설치하고, VCL 프로젝트 설정을 열면 Appereance 페이지에서 애플리케이션에 스타일을 추가할 수 있다 (디자인 시점에 VCL 스타일을 사용하도록 설정했다면). 폼의 StyleName 속성에서 스타일을 설정하면, 아래 그림과 같이 디자인 시점에 스타일을 미리 확인할 수 있다.* 한 가지 알아둘 점은 여러 요소들 중에서도, 리스트 박스의 현대적인 스타일의 얇은 스크롤바이다. *역자 주: 프로젝트 옵션에서 default style을 선택하면 바로 폼에 적용할 수도 있다. 이 내용은 윈도우 11 Light를 기본 스타일로 선택한 후 폼의 StyleName을 윈도우 11 Dark로 설정했다는 의미로 보인다. 아래 두 가지 스타일을 잘 보여주는 “공식” 이미지에서 새로운 플랫폼 기본 사항과 일치하는 둥근(rounded) 항목들과 색상을 확인할 수 있다. 윈도우 11 둥근 모서리 윈도우 11의 가장 눈에 띄는 부분은 바로 “둥근 UI 요소들”의 적용이다. 특별한 설정 변경없이도 새로운 VCL 애플리케이션을 생성하고 윈도우 11에서 실행하면, 기본적으로 폼의 모서리가 둥글게 되어 있는 것을 확인할 수 있다. 물론 이 기능을 제어할 수도 있다. 특정 공용 윈도우 API 호출 DwmSetWindowAttribute을 사용하면 된다. Winapi.Dwmapi.DwmSetWindowAttribute(Handle, DWMWA_WINDOW_CORNER_PREFERENCE, @CornerPreference, sizeof(CornerPreference)); 이 API를 더 쉽게 사용할 수 있도록 (이미 이안 바커가 블로그에 “앱에서 윈도우 11 둥근 모서리를 제어하는 방법”에서 다룬 적이 있지만), 유사한 코드의 interposer helper 클래스를 작성해 깃허브에 올려놓았다: https://github.com/marcocantu/DelphiSessions/blob/master/Win11_Delphi11/Win11Round/Win11Forms.pas 유닛의 인터페이스(interface) 부분은 다음과 같이 구현되어 있다: Vcl.Forms 유닛 다음 폼 인터페이스(interface) 부분의 유즈(uses)절에 이 유닛을 추가한다. 그러면 폼에는 곡선 처리, 새로운 속성을 포함한 새로운 클래스 속성을 확인할 수 있다. 이제 아래와 같이 코드를 작성한다: TForm.DefaultRoundedCorners := rcOff; // set default for all forms RoundedCorners := rcOn; // change the rounding for the current form 이 코드는 윈도우 11에서만 작동한다. 윈도우 10이나 그 이전 버전에서는 그냥 무시된다 (하지만, 에러가 발생하지는 않는다). 간단한 데모를 사용해 아래와 같은 UI를 만들 수 있다 (깃허브 https://github.com/marcocantu/DelphiSessions/tree/master/Win11_Delphi11/Win11Round에 올려놓았다): 마지막으로 VCL 애플리케이션에서 알아 두어야 할 점은, 사용자 지정이 가능한 VCL TitleBar를 사용한 VCL 애플리케이션의 경우 바로 사용 가능한 Snap Layouts를 지원한다: 하나의 작은 이슈와 앞으로 다가올 더 많은 문제 앞서 언급했듯 VCL 애플리케이션은 일반적으로 윈도우 11에서 잘 작동한다. 다만 색상 관련 한 가지 이슈가 있다. VCL 애플리케이션이 완벽히 준수하지 않는 다른 기본 색상 세트를 사용하는 특정 플랫폼에서, 이와 같은 색상을 사용하는 이미지가 포함된 메뉴 항목들의 색상을 표현할 때 문제가 발생할 수 있다. 이 부분은 퀄리티포탈(QP) https://quality.embarcadero.com/browse/RSP-35049에 등록되어 있다. 퀄리티포탈 리포트에 해결방법이 있지만, 이 이슈는 RAD스튜디오 11 버전에서 곧 해결 방법을 제공할 계획이다. 윈도우 11 관련 개선된 기능과 새로운 기능들에 대한 데모들을 몇 달 이내 RAD스튜디오 11.1 출시와 함께 선보일 계획이다. 계속해서 관심을 기울여 주시기를! VCL로 윈도우 11 애플리케이션 구축하기 엠바카데로가 RAD스튜디오의 최신 버전을 11로 명명한 것이 윈도우 11과 관련있다는 점은 의문의 여지가 없다. 마이크로소프트가 자체적으로 제공하는 도구들의 UI 라이브러리가 최근 몇 년간 전체적으로 변화함에 따라, 델파이와 C++빌더의 VCL 라이브러리 또한 플랫폼 통합이나 API 지원을 확장해왔는데 그 지원의 폭은 마이크로소프트 비주얼 스튜디오나 타사 도구들과는 비교할 수 없을 정도로 다양하고 크다고 자신있게 말할 수 있다. 마이크로소프트는 네이티브 윈도우 개발이 핵심이며, 주류라고 분명히 밝히고 있다 (프로젝트 유니언으로 더 잘 알려져 있는 윈도우 앱 SDK를 떠올려보자). 하지만 이 분야에서 마이크로소프트의 라이브러리 (MFC, WinForms 등)는 VCL과는 비교가 되지 않으며 자체 플랫폼 기능들 보다도 뒤처져있다. VCL 라이브러리는 전통적 및 현대식 API (Win API부터 COM 기반 API, WinRT에 이르기까지)에 맵핑할 수 있는 기능과 High DPI 모니터, 현대식 UI 트렌드를 지원하며 - 전체 애플리케이션을 재작성 할 필요가 없어 - 윈도우 데스크탑 개발에 있어 그 특징과 강력함이 매우 두드러진다. 윈도우 11 개발에는 비주얼 컴포넌트 라이브러리(Visual Component Library, VCL)를 사용하는 것이 좋다.
  2. Muminjon의 5 Ultimate Ways To Modernize Your Apps For Windows 11 를 번역했습니다. 현대적이고 견고하고 엔터프라이즈급 UI를 구현할 수 있도록, 델파이는 윈도우 전용인 VCL (Visual Component Library)과 크로스-플랫폼 개발용인 파이어몽키 (FMX)를 제공한다. 델파이 VCL에는 윈도우 앱 개발에 필요한 최신 기능과 현대식 UI 컨트롤이 들어있다. 또한, 델파이로 만든 앱은 네이티브 성능을 발휘한다. 그리고 델파이를 사용하면 윈도우의 최신 기능과 하드웨어를 빠르게 반영할 수 있다. 이 글에서는 당신의 앱을 윈도우 11 용으로 현대화하는 핵심 방안 다섯가지를 정리해보았다. 1. 사용자를 포용하는 디자인(Inclusive Design)을 만들었는가? 사용자들은 앱이 어떤 정보를 수집하는 지 그리고 개인 정보 정책 안내가 잘 되어 있는 지를 쉽게 알을 수 있는 앱을 좋아한다. 따라서 사용자에게 이 모든 정보를 알려주고, 수집 정보를 제조사로 전송하는 기능을 직접 끄거나 켤 수 있도록 하는 것은 언제나 환영받는 요소이다. 종합적인 디자인 (Comprehensive Design)은 제품의 신뢰도를 더욱 높이고 누구에게나 알맞은 환경을 제공한다. 예를 들어, 앱의 내용이 수많은 글자로 되어있다면, 화면을 읽어주는 스크린 리더 기능을 추가하면 한결 좋아질 것이고 장애가 있는 사용자들도 만족할 것이다. UI 컨트롤과 메뉴에는 단순하고 아름다운 애니메이션 안내를 제공하자. 가능한 가장 좋은 배율 조정과 반응을 앱에 실현하자. 폰트 크기를 사용자가 직접 변경할 수 있도록 하자. 사용자마다 사용하는 화면의 크기가 제각각이다. 따라서 개발자는 앱이 어떻게 표현될 지를 모조리 알 수는 없다. 당신의 앱이 첫 화면에서 여러가지 정보를 제공하고, 이 정보가 여러 프레임으로 나누어져 있다면, 사용자가 직접 프레임을 재배치/재구성 할 수 있도록 하자. 그림. 델파이 11 IDE는 사용자가 레이아웃을 변경할 수 있도록 되어있다. 윈도우 11에서는 아이콘 대부분이 업데이트 되었다. 윈도우 11의 아이콘들은 반짝이고 질서정연하다. 게다가 UI 글꼴은 Segoe UI Variable 글꼴이 새로 도입되어서 당신의 앱이 사용하는 활자 역시 더 부드러워지고 가독성도 더 높아진다. 그림. 윈도우의 새 Segoe 폰트 (출처: 윈도우 문서) 2.현대식 UI 컨트롤을 사용하고 있는가? 그림. 델파이 VCL은 현대식 윈도우 UI 컨트롤들과 네이티브 성능을 제공한다. 아름답고 현대적인 UI 컨트롤들을 사용함으로써, 윈도우 11에서 당신의 앱은 더욱 멋지고 최첨단이라는 느낌을 준다. 윈도우 11 자체의 UI에 이미 수많은 혁신이 반영되었으므로, 당신의 앱 역시 윈도우 11의 UI와 잘 어우러질 필요가 있다! 게다가, 가벼우면서도 확대할 수 있는 애니메이션이 앱에 구현되어 있으면 사용자 경험(UX)을 향상시킬 수 있다. 애니메이션을 애플리케이션에 추가할 때 가장 널리 사용되는 방식 중 하나는 로티(Lottie) 애니메이션 파일을 사용하는 것이다. 그림. Skia4Delphi 그래픽 라이브러리를 사용하자. 로티(Lotti) 애니메이션 파일을 델파이 앱에 추가하는 방법을 알고 있는가? 쉽다! 델파이 커뮤니티가 개발 생태계에 기여하고 있기 때문이다. Skia4Delphi는 델파이에서 사용할 수 있는 크로스 플랫폼 2D 그래픽 API로써 구글의 스키아 그래픽 라이브러리(Skia Graphic Library)를 기반으로 한다. 델파이에서 SVG와 로티(Lotti)를 사용하는 방법은 Desktop First UX Summit에서 짐 맥키트가 진행한 세션에서 볼 수 있다. 3. 현대적인 시각 효과를 당신의 앱에서 사용하고 있는가? 윈도우 11은 다양한 UI 요소와 둥근 모서리를 데스크탑 운영 체제에 새로 도입했다. 일반적으로 사용되던 각진 모서리는 이제 둥글고 부드러운 모서리로 바뀌어서 데스크탑 앱에서 전과는 다른 느낌이 난다. 윈도우 11을 활용하다 보면, 모서리가 둥근 UI 컨트롤들이 다크 모드와 라이트 모드 양쪽에서 모두 멋지게 표현되는 것을 알 수 있다. 윈도우 11 둥근 모서리를 코드를 사용해 다루는 방법은 다음 글을 통해서 배울 수 있다. 윈도우 11 둥근 모서리를 내 앱에 적용하기 델파이 VCL에는 당신의 앱이 현대적인 모습을 갖출 수 있도록 하는 VCL Styles 라는 탁월한 옵션이 있다. 수십 가지 독특한 스타일이 제공되기 때문에, 원하는 스타일들을 당신의 윈도우 앱에 적용하기만 하면 현대적인 UI를 몇 초만에 완성할 수 있다. 플루언트(Fluent) 앱을 델파이로 디자인하려면 어떻게 할까? - 아크릴 재질 (Acrylic material) 디자인 하기 플루언트 디자인 시스템을 당신의 앱에 적용하고 싶다면, StyleControls VCL 패키지를 사용하면 된다. StyleControls VCL 패키지는 클래식 드로잉(classic drawing), 시스템 테마, GDI+, VCL 스타일을 사용하여 독특한 사용자 인터페이스를 만든다. 그림. StyleControls VCL 패키지는 마이크로소프트 플루언트 UI 디자인이 반영된 컨트롤을 제공한다. 4. 당신의 앱은 현대식 하드웨어와 기능 모드를 사용하고 있는가? 최근 몇년간, 터치스크린 용으로 디자인된 앱들도 많이 나왔다. 예를 들어, 투인원(2-in-1) 노트북을 사용하면, 앱의 UI 컨트롤이 더 크고, 더 정확한 위치에 있어야 사용하기 좋다. 게다가, 알림이나 공유 등의 훌륭한 베스트 프랙티스를 활용하지 않고 있는 애플리케이션들도 아직 꽤 많은데, 당신의 앱에서 이런 기능을 사용할 수 있으면, 당신의 앱은 보다 효율적으로 작동될 것이고 개발자는 그저 해당 API를 사용하기만 하면 된다. 만약, 델파이 VCL이나 FMX를 사용하고 있다면 마우스로 필요한 시스템 컴포넌트를 끌어다 놓기만 하면 된다! 윈도우 10 알림 기능 구현 샘플을 살펴보자. 또한, 윈도우 스토어(Windows Store)로 앱을 배포하려면 MSIX (오른쪽 그림. 출처: 마이크로소프트) 기능을 활용해야 한다. 윈도우 스토어는 당신의 윈도우 앱 전체를 아무런 변경도 하지 않고 그대로 스토어로 가져온다. 당신의 델파이 앱을 MSIX로 패키징을 통해 배포하는 방법을 살펴보자. 더 나아가, 델파이에는 시스템 센서 컴포넌트들이 들어있다. 센서 컴포넌트는 물리적 양을 측정하고 이것을 신호로 변환하여 애플리케이션에서 읽을 수 있도록 해준다. 센서 컴포넌트 몇가지를 소개한다. TBiometricSensor TElectricalSensor TLocationSensor TMotionSensor TOrientationSensor 센서 컴포넌트를 내 앱에서 넣고 사용하는 방법을 어디에서 배울 수 있는가? 센서 컴포넌트 대부분을 다루었던 이 CodeRage X 세션이 있다. 5. 윈도우 앱 현대화와 개발 트렌드을 따라잡기 위해, 앞서 나아가는 기업들을 보고 배우고 있는가? 현대화를 주제로 진행된 엠바카데로의 온라인 세미나는 윈도우 앱 개발을 배울 수 있는 가장 좋은 자료들 중 하나이다. 데스크탑 용 최신 UI/UX 패턴, WinAPI, COM 과 ShellAPI, WinRT 활용 방안 등등을 배울 수 있다. 마이크로소프트 스토어에 배포하기 보편적인 데이터베이스 액세스를 위한 파이어닥 (FireDAC) 윈도우 High DPI 윈도우 런타임 활용 마찬가지로, 가장 최근에 진행된 Desktop First UX Summit도 온라인에 오픈되어 있다. 업계 리더들과 소프트웨어 엔지니어들이 소프트웨어 개발에 관한 훌륭한 워크샵과 실제 사례를 제공한다. 이 웨비나는 디자인 절차, 디자인 시스템, 인공지능(AI), 비주얼 디자인, 정보 아키텍처 등등을 다룬다. Desktop First UX Summit 2020 (한글 정리본) Desktop First UX Summit 2021 (한글 정리본)
×
×
  • Create New...

중요한 정보

이용약관 개인정보보호정책 이용규칙 이 사이트가 더 잘 작동하기 위해 방문자의 컴퓨터에 쿠키가 배치됩니다. 쿠키 설정 변경에서 원하는 설정을 할 수 있습니다. 변경하지 않으면 쿠키를 허용하는 것으로 이해합니다.