내 작품을 즐기려면이 저장소를 주연시켜주십시오!
내 포트폴리오의 저장소에 오신 것을 환영합니다!
친숙한 데스크탑 인터페이스 덕분에 내 포트폴리오를 통해 독특하고 직관적 인 경험을 발견하십시오!
메모
이 프로젝트는 여전히 베타 버전 에 있으며 일부 기능은 의도 한대로 작동하지 않을 수 있으며 코드는 여전히 일부 장소에서는 약간 지저분합니다.
여기에 버그를 자유롭게보고 하시겠습니까 ?
이 효과는 배경의 흐림 효과와 노이즈 텍스처를 혼합하여 깊이를 만듭니다. Microsoft의 아크릴 효과에 크게 영감을 받았습니다
설정 응용 프로그램 에서 경험을 사용자 정의 할 수 있습니다.
? 모든 설정은 로컬 스토리지에 저장 됩니다.
이러한 기능은 진행중인 작업이며 향후 업데이트로 제공됩니다.
코드는 부분적으로 주석 및 문서화됩니다.
중요한
이 프로젝트가 아직 개발 중이라는 것을 잊지 마십시오. 향후 업데이트에서 기능을 수정할 수 있습니다.
전체 응용 프로그램은 HTML 유형 파일에서 사용할 수 있어야합니다.
먼저 _subpages 폴더에서 프로젝트 이름의 폴더를 만듭니다.
그런 다음 scriptsdesktopdesktop.js 에있는 desktop.js 파일에서 새 DesktopIcon 객체 인스턴스를 만듭니다.
통사론:
new DesktopIcon ( ( String ) title , ( String ) icon , ( function ) funcPtr , ( String ) shandler ) ; title : The text shown at the bottom of the shortcut;
icon : The relative path of your icon's image file;
funcPtr : The function to call on any left click event (can have parameters);
shandler : Unique text to distinguish between different icons.; 아이콘의 클릭 이벤트에서 createWindow(...) 함수를 호출하여 창을 만들어야합니다. 예상 :
new DesktopIcon ( "Title" , "icons/myIcon.png" , ( ) => createWindow ( "icons/myIcon.png" , "Title" , "_subpages\my_app\index.html" , "myApp" ) , "myApp_shortcut" ) ; 팝업을 만들려면 UI_CreatePupup() 함수를 사용하면 간단히 사용하면됩니다.
통사론:
UI_CreatePupup ( ( String ) icon , ( String ) title , ( String ) message , ( String ) okText , ( function ) okFunction , ( String ) cancelText , ( function ) cancelFunction ) ; icon : The relative path of your icon's image file;
title : The title of the pop-up;
message : the message shown at the center of the pop-up;
okText : The text of the primary (left) button;
okFunction : The function to call when the primary button is clicked by the user;
cancelText : [not required] The text of the secondary (right) button;
cancelFunction : [not required] The function to call when the secondary button is clicked by the user;예상 :
UI_CreatePupup ( "icons/myIcon.png" , "Pop-up Title" , "Pop-up description" , "Ok" , ( ) => ok_function ( ) , "Cancel" , ( ) => cancel_function ( ) ) ; 토스트 알림을 만들려면 UI_CreatePupup() 함수를 사용하면 간단히 사용할 수 있습니다.
통사론:
new ToastNotify ( icon , title , description ) ; icon : The relative path of your icon's image file;
title : The title of the toast notification;
description : [not required] The description (secondary text) of the notification.예상 :
new ToastNotify ( "icons/myIcon.png" , "Toast notification" , "A simple notification" ) ;온라인 리소스
감사합니다
David R. 프로젝트에 대한 그의 도움으로.
UI/UX 디자인에 대한 조언을위한 선 디자인.
이 프로젝트에 사용 된 모든 아이콘은 아이콘 8에서 나옵니다
지원하려면 이메일 [email protected] 또는 Discord 서버 에 가입하십시오.