Unidsa는 델파이에서 Unigui의 기능을 개선하고 확장하기 위해 특별히 개발 된 혁신적인 구성 요소 팔레트입니다. 고도로 사용자 정의 가능한 도구로 구성된이 팔레트는 최신 사용자 인터페이스를 구성하기위한보다 우아하고 효과적인 솔루션을 제공하는 것을 목표로합니다.
사용 가능한 구성 요소
Tunidsaqrcodereader Tunidsaconfirm Tunidsatoast Tunidsamenlerallateral Tunidsalogin
이것은 광범위한 ** 바 코드 및 QR 코드 **를 읽는 데있어 HTML5 의 힘을 활용하기 위해 개발 된 고급 구성 요소입니다. 매우 유연하게 설계된 TunidsaqrcodeReader는 개발자에게 읽을 코드 유형을 정확하게 사용자 정의 할 수있는 기능과 특정 읽기 장치를 선택할 수있는 옵션을 제공합니다.
| 유형 | 설명 |
|---|---|
| qr_code | 기본 QR 코드를 읽을 수 있습니다. |
| 아즈텍 | AZTEC 코드 읽기 지원 |
| 코다 바 | Codabar 코드를 식별하고 읽습니다 |
| Code_39, Code_93, Code_128 | 변형 39, 93 및 128을 다루는 코드 코드의 포괄적 인 읽기. |
| data_matrix | 데이터 매트릭스 코드를 인식하고 해석 할 자격이 있습니다. |
| MAXICODE | Maxicode 코드 지원. |
| ITF | 인터리브 된 2 of 5 (ITF) 코드와 호환됩니다. |
| EAN_13, EAN_8 | 변형 13 및 8을 포함한 EAN 코드 읽기. |
| PDF_417 | PDF417 코드 지원. |
| RSS_14, RSS_EXPDEND | 버전 14 및 확장 버전 모두에서 RSS 코드에 대한 자격이 있습니다. |
| upc_a, upc_e, upc_ean_extension | EAN Extensions를 포함한 UPC 변형과 호환됩니다. |
코드 유형 선택 : 개발자는 응용 프로그램의 요구에 따라 특정 읽기 코드를 표시하거나 선택 해제 할 수 있습니다.
장치 선택 : 특정 읽기 장치를 선택할 수있는 옵션을 제공하여 코드 캡처에 더 많은 다양성을 보장합니다.
구성 요소에 사용자 정의 옵션이있을 수 있기 때문에 예시 이미지 ...
TunidSaconFirm은 jQuery-Confir에서 사용할 수있는 플러그인을 기반으로 확인, 경고 및 프롬프트를 위해 모달 대화 상자 창을 만들고 관리하는 역할을합니다. 이 구성 요소는 표시된 내용을 포함하여 대화 창의 상세한 사용자 정의를 허용하는 광범위한 속성 및 메소드를 제공합니다.
일반적인 :
Title 대화 상자 창의 제목을 정의합니다.Content 대화 상자 창의 기본 내용을 정의합니다.Icon 사용하면 대화 상자 창의 아이콘을 정의 할 수 있습니다.Theme 창의 주제를 정의하여 미적 개인화를 허용합니다.창 제어 :
Draggable 컨트롤.콘텐츠:
ContentFile 사용하면 외부 파일에서 창 콘텐츠를로드 할 수 있습니다.SmoothContent 컨텐츠로의 소프트 전환을 가능하게합니다.버튼 :
Buttons 대화 상자 창에서 사용 가능한 버튼을 정의합니다.OnButtonClick 이벤트.애니메이션 :
Animation 창을 열고 닫아 사용하는 애니메이션 유형을 정의합니다.TypeAnimated 유형을 변경할 때 창이 애니메이션 될지 여부를 정의합니다.레이아웃 및 스타일 :
BoxWidth 창의 너비를 정의합니다.ColumnClass TitleClass 사용하면 창의 다른 요소에 대한 사용자 정의 클래스를 정의 할 수 있습니다.이벤트 :
OnOpen , OnClose , OnDestroy , OnAction , 대화 상자 창 수명주기의 상세한 제어 OnContentReady 허용하는 다양한 이벤트.기타 속성 :
Type 대화 창의 유형을 정의합니다 (확인, 경고 등).UseBootstrap 부트 스트랩이 양식화에 사용되는지 여부를 정의합니다.RTL 오른쪽에서 왼쪽으로 서면 언어를 지원할 수 있습니다.공개 방법 :
Show .Alert , Dialog , Prompt , 다른 목적으로 사전 정의 된 특성으로 디스플레이 대화 창을 Confirm .Clear ClearEvents 방법. 구성 요소에 사용자 정의 옵션이있을 수 있기 때문에 예시 이미지 ...
Tunidsatoast는 간단하고 간단한 알림을 나타내는 클래스로, 종종 응용 프로그램의 작업 또는 이벤트에 대한 사용자에게 피드백을 제공하는 데 사용됩니다. JQuery-Toast-Plugin 플러그인을 기반 으로이 구성 요소를 사용하면 Delphi에서 개발 된 Unigui 응용 프로그램을위한 양식화 및 개인화 된 토스트 알림을 만들 수 있습니다.
주요 속성 및 방법 :
일반적인:
Text 알림의 본문을 정의합니다.Heading 알림의 헤더 또는 제목을 정의합니다.Icon 알림을위한 아이콘을 정의합니다. 다른 아이콘을 사용하여 알림의 유형 또는 중요성을 나타낼 수 있습니다.행동:
ShowHideTransition 알림을 표시하거나 숨겨서 사용되는 전이 유형을 결정합니다.HideAfter 시간 (밀리 초)이 정의 된 후 알림이 자동으로 숨겨집니다.AllowToastClose , 사용자가 알림을 수동으로 닫을 수 있도록 허용하십시오.Stack 동시에 표시 될 수있는 알림 수를 정의합니다.스타일과 외관 :
BgColor 알림의 배경색을 정의합니다.TextColor 알림 텍스트의 색상을 정의합니다.TextAlign 알림에서 텍스트의 정렬을 정의합니다.Position 알림이 나타날 화면의 위치를 정의합니다.Loader 알림에 표시된 충전기의 유형과 동작을 지정합니다.이벤트 :
OnBeforeShow 가 트리거됩니다.OnAfterShown 이 트리거되었습니다.OnBeforeHide 가 트리거됩니다.OnAfterHidden 이 트리거됩니다.공개 방법 :
Show 정의 된 속성으로 알림을 표시합니다.Clear 현재 알림을 정리합니다.Reset .Tunidsatoast 구성 요소는 방해받지 않고 사용자에게 피드백을 제공 할 수있는 유연하고 우아한 방법을 제공합니다. UNIGUI와 함께 델파이 프로젝트 에서이 구성 요소를 사용함으로써 개발자는 사용자 경험을 크게 향상시켜 다양한 동작 및 이벤트에 대한 관련 상황 알림을 제공 할 수 있습니다.
구성 요소에 사용자 정의 옵션이있을 수 있기 때문에 예시 이미지 ...
이것은 일반적으로 페이지의 왼쪽 또는 오른쪽에있는 브라우징 및 추가 옵션을 제공하기 위해 웹 애플리케이션에서 일반적으로 사용되는 측면 메뉴를 나타내는 구성 요소입니다.
주요 속성 및 방법 :
일반적인:
Logo : 메뉴 상단에서 로고의 모양과 동작을 제어합니다.UrlImage 로고의 이미지를 정의합니다CompanyName 고객/회사 이름을 정의합니다Search : 메뉴 내부의 연구가 가능합니다.Icon 연구 영역 아이콘을 정의합니다.TextPrompt 연구 영역에 표시 될 유익한 텍스트, 표준 "검색"을 정의합니다.AutoComplete 이미 사용 된 텍스트의 기지로 제안을 활성화하거나 비활성화합니다.Visible 검색이 표시되는지 정의합니다.SearchText 텍스트 사용자가 검색했습니다.Theme 메뉴의 시각적 테마를 정의합니다.TitleLeft 왼쪽 테마 제목.TitleRight 제목.StyleLeft 스타일StyleRight 스타일VisibleMenu : 메뉴 내에서 개별 항목을 제어합니다.Icon 메뉴 아이콘을 정의합니다 (Font Awesome 5.15.4)Caption 메뉴 설명NotificationCount 0보다 큰 경우 메뉴 옆에 알림 수를 표시합니다.Visible .Enabled 메뉴가 활성화되는지 정의합니다Hidden 메뉴가 표시되는지 여부를 정의합니다.Separator 메뉴가 메뉴 분리기라고 정의합니다.Hint .OnClick 이 트리거되었습니다OnClickNotification 구동합니다.OnClickRef 메뉴를 클릭 할 때 트리거되었습니다 (런타임에 사용)OnClickNotificationRef 가 트리거되었습니다 (런타임에 사용)Profile 사용하면 메뉴에 사용자 이름이나 이미지와 같은 프로필 정보를 표시 할 수 있습니다.Name 시스템 사용자 이름Email 시스템 사용자 이메일ImageURL 시스템 사용자 이미지Visible 사용자 프로필이 표시되는지 여부를 나타냅니다.Style 메뉴의 일반적인 시각적 스타일을 제어합니다.PaddingTop 탑. 요소 상단의 내부 공간을 정의합니다.PaddingLeft . 요소의 왼쪽에있는 내부 공간을 정의합니다.PaddingRight 적. 요소의 오른쪽에있는 내부 공간을 정의합니다.PaddingBottom . 요소 하단의 내부 공간을 정의합니다.BorderRadiusTopLeft . 왼쪽 상단 모서리의 가장자리 가장자리를 정의합니다.BorderRadiusTopRight . 오른쪽 상단의 가장자리의 반경을 정의합니다.BorderRadiusBottomLeft . 왼쪽 하단 모서리의 가장자리의 가장자리를 정의합니다.BorderRadiusBottomRight CSS Border-Radius Border-Radius와 유사합니다. 오른쪽 하단 모서리의 가장자리의 가장자리를 정의합니다.BorderTop . 요소의 상단 가장자리의 두께를 정의합니다.BorderLeft . 가장자리에서 요소의 왼쪽으로 두께를 정의합니다.BorderRight . 가장자리에서 요소의 오른쪽으로 두께를 정의합니다.BorderBottom . 요소의 하단 가장자리의 두께를 정의합니다.행동:
MenuState 메뉴의 현재 상태를 정의합니다 (예 : 최소화 또는 최대화).SelectedDiretionTheme 선택한 테마의 방향을 결정합니다.SelectedTheme 선택한 스타일 테마를 지정합니다.SelectedMenu 어떤 메뉴 항목을 선택했는지를 나타냅니다.AjaxSecurity Ajax 보안이 활성화되어 있는지 여부를 결정하는 부울.공개 방법 :
MinimizeMaximize .HideMenu 메뉴를 숨 깁니다.ShowMenu 메뉴를 표시합니다.SetTheme 메뉴의 주제를 정의합니다.이벤트 :
OnClickLogo 가 트리거되었습니다.OnClickMenu 활성화되었습니다.OnClickNotificationMenu 메뉴 알림을 클릭하여 제기됩니다.OnAfterSelectTheme 활성화되었습니다.OnClickProfile 이 트리거되었습니다.OnClickLogoff 가 트리거되었습니다.OnSearchEnter 트리거되었습니다.OnClickIconSearch 연구 아이콘을 클릭하여 트리거되었습니다. 구성 요소에 사용자 정의 옵션이있을 수 있기 때문에 예시 이미지 ...
Tunidsalogin 구성 요소는 로그인 화면에 중요한 요소를 제시하도록 설계된 다재다능한 도구로 유동적이고 사용자 정의 가능한 사용자 경험을 제공 하고이 화면을 만드는 모든 프로세스를 가속화합니다. 로그인 화면은 반응이 좋으므로 다른 스크린 샷에 적응합니다.
주요 속성 및 방법 :
일반적인:
Geral : 일반 속성Title 로그인 화면의 제목을 정의합니다Description 로그인 화면 설명을 정의하고 텍스트는 제목 바로 아래에 있습니다.TrimSpacesOnRememberMeForgetPassword 비밀번호를 기억하거나 암호를 복구하면이 예약 된 옵션이 버튼 입력 간격을 제거합니다.Logo : 메뉴 상단에서 로고의 모양과 동작을 제어합니다.Image 에 따라 로고의 이미지를 정의합니다.MarginLeft 왼쪽에서 마진을 정의합니다MarginTop 오른쪽에서 마진을 정의합니다Slide : 초기 슬라이드 이미지를 참조하십시오Image 에 따라 로고의 이미지를 정의합니다.MarginLeft 왼쪽에서 마진을 정의합니다MarginTop 오른쪽에서 마진을 정의합니다Login : 로그인 입력 설정Caption 입력 제목 (예 : 이메일, 전화)을 정의합니다Enabled 입력이 활성화되어 있는지 또는 비활성 상태인지 정의합니다.Value 로그인 필드의 값을 정의하거나 취합니다.Password : 비밀번호 입력 설정Caption 입력 제목을 정의합니다Enabled 입력이 활성화되어 있는지 또는 비활성 상태인지 정의합니다.Value 로그인 필드의 값을 정의하거나 취합니다.RememberMe : 비밀번호 옵션 설정 옵션Caption 제목을 정의합니다Checked 확인란이 표시되어 있는지 정의하거나 확인합니다Visible 옵션의 가시성을 정의합니다ForgetPassword : 비밀번호를 복구하기위한 설정Caption 제목을 정의합니다Visible 옵션의 가시성을 정의합니다LoginNow : 버튼 설정을 입력하십시오Caption 제목을 정의합니다Visible 옵션의 가시성을 정의합니다Visible 버튼의 너비를 정의합니다CreateAccount : 새 계정 생성을위한 설정Caption 제목을 정의합니다Visible 옵션의 가시성을 정의합니다Visible 버튼의 너비를 정의합니다이벤트 :
OnCreateAccount 구동합니다.OnForgetPassword 암호를 복구하는 옵션을 클릭 할 때 트리거되었습니다.OnLoginEnter 가 트리거되었습니다.OnLoginNow 가 트리거되었습니다.OnPasswordEnter 가 트리거되었습니다.OnRememberMe 활성화되었습니다명령
모든 UNIGUI 양식은 로그인 양식을 제외하고 사용자 적재에 따라 양식의 너비를 업데이트합니다. 그렇기 때문에 " Formogin "의 " 스크립트 "속성에서 다음 스크립트를 사용해야합니다.
window.onresize = function(){
if (typeof FormLogin !== 'undefined') {
var getSize = Ext.getBody().getViewSize(),
winWidth = getSize.width,
winHeight = getSize.height,
left = (winWidth - FormLogin.window.width) / 2,
top = (winHeight - FormLogin.window.height) / 2;
FormLogin.window.setPosition(left, top);
}
}
참고 : Formogin 양식의 이름으로 이름을 변경하십시오.
UniserVerModule 의 MFPAGE 모드가 웹 페이지 표준 스타일처럼 보이도록 권장됩니다.