• 전체강좌

    [WAD-MX6] WEC 2013용 XAML 앱과 Backlight 연동해보기

    twitter facebook

    이번에는 PWM을 이용해서 LCD Backlight를 조절하도록

    아래와 같은 환경에서 Backlight 드라이버를 구현하여 테스트 해보았습니다. 

    또한, Blend Tool을 이용하여 XAML 어플리케이션을 구현하여

    디바이스 드라이버와의 통신을 통해 Backlight를 조절해 보았습니다.


    • CPU : i.MX6QP
    • 개발 보드 : WAD-MX6
    • OS : Windows Embedded Compact 2013
    • LCD : 10.1인치 망고 LCD


    LCD에는 Backlight가 기본적으로 탑재되어 있고, Backlight에 PWM이나

    Logic High를 주게 되면 화면이 밝아져 사용자가 화면을 볼 수 있게 되어 있습니다.

    Backlight pin에 Logic High 를 주면 최대 밝기가 되고, PWM을 발진시켜서,

    High duty 레벨을 높여 줄수록 밝기가 밝아지고, 낮출수록 화면이 어둡게 나타납니다.


    i.MX6 CPU 에서도 아래 그림과 같이 4개의 PWM을 지원하고 있으며,

    IOMUX를 통해 다양한 PIN들에 설정할 수 있도록 해주고 있습니다.



    WEC2013 에서는 i.MX6 CPU를 위한 레퍼런스 보드(Sabrelite) BSP를 지원하고 있고,

    이 BSP에서는 Backlight driver가 존재합니다. 이를 수정하여 원하는 파형을 만드시면 되겠습니다.

    LCD 스펙을 확인하여, Backlight 를 위한 권장 입력 주파수를 확인하여 설정하시면 됩니다.

    구현은 어렵지 않습니다^^;


    PWM만 보여드리기에는 좀 그래서, 이번에는 WEC2013에서 XAML 어플리케이션을

    구현하여 연동해 보았습니다.

    UI 디자인은 아래와 같이 Blend for Visual Studio 2015 tool을 이용하였습니다.

    UI 저작도구 툴과 비슷하게 원하는 Control들을 화면에 마우스로 드래그 해서

    넣어주시면 됩니다.

    또한, 관련 이벤트 역시 쉽게 마우스로 넣을 수 있게 되어 있습니다.

    Blend tool을 사용해 보시면, 디자이너가 아니더라도 왠지 멋진

    UI를 만들 수 있을 것 같은 자신감이 생깁니다.^^;



    화면을 위와 같이 구성한 후, Visual Studio 2015를 열고 XAML 어플리케이션 프로젝트를 만들어,

    UI Design(XAML파일)과 연동시키면 됩니다. 아래 사진처럼 Blend로 꾸며진 UI가

    실제 디바이스에서 잘 나오고 있습니다. 기본 Control 로만 구성하였고, 이미지로 만든다면

    더 화려한 화면을 만드실 수 있으실 겁니다.



    위에 보시면 CPU 온도도 프로그레스바로 보여주고 있습니다.

    이전에 제가 세미나를 했었던 내용을 이용해서, 다시 한번 구현해 보았습니다.

    특별한 일을 하고 있지 않아서 온도가 낮게 나오네요.


    아래 동영상을 보시면 아시겠지만, XAML 어플리케이션과

    Backlight 디바이스 드라이버와 연동이 잘 되고 있습니다.

    그리고, WAD-MX6 에 있는 버튼(Key) 을 이용하여 화면 밝기도 조절해 보았습니다.

    시간 되시면 아래 동영상도 봐주시기 바랍니다.^^;



    어쨋든, Windows Embedded Compact 2013 에서 Backlight와 XAML 어플리케이션 연동이

    잘 됨을 확인하였습니다. 글 읽어주셔서 감사합니다.