개발 중에 사용자 인터페이스가 필요할 때 사용자가 직관적 인 방식으로 색상을 선택할 수있는 방법에 대한 문제에 직면합니다. YII 2.0 프레임 워크를 사용하여 색상 선택이 필요한 프로젝트를 개발할 때 까다로운 도전에 직면했습니다. 양식에서 색상 선택기를 효율적으로 구현하는 방법. 여러 가지 방법을 시도했지만 라이브러리 sjaakp/yii2-iro를 발견 할 때까지 결과는 이상적이지 않았습니다.

다음 주소 를 통해 작곡가를 배울 수 있습니다.

sjaakp/yii2-iro 는 YII 2.0 프레임 워크 용으로 설계된 색상 선택기 위젯입니다. James Daniel이 개발 한 훌륭한 JavaScript Color Selection Library 인 iro.js 기반으로합니다. 이 위젯을 사용하면 색상 선택 기능을 양식에 쉽게 추가하여 두 가지 모드를 지원할 수 있습니다.

sjaakp/yii2-iro 설치하십시오

이 라이브러리를 설치하는 것은 매우 간단합니다. 작곡가 만 사용하십시오. composer.json 파일의 require 섹션에 다음 코드를 추가 할 수 있습니다.

 <code class="language-json">"sjaakp/yii2-iro": "*"</code>

또는 다음 명령을 직접 실행하십시오.

 <code class="language-bash">composer require sjaakp/yii2-iro</code>

수동 설치를 선호하는 경우 소스 코드를 zip 형식으로 다운로드 할 수도 있습니다.

sjaakp/yii2-iro 사용

YII 2.0의 ActiveForm 에서 sjaakp/yii2-iro 사용하는 것은 다른 InputWidget 사용하는 것과 마찬가지로 매우 간단합니다. 예를 들어, ActiveForm 에서는 다음을 사용할 수 있습니다.

 <code class="language-php"><?php use sjaakp\iro\IroWidget;
?>...<?php $form = ActiveForm::begin([
    // ...options...
]); ?>= $form-> field($model, 'name') ?>= $form-> field($model, 'favourite_color')->widget(IroWidget::class, [ /* ...options... */ ]) ?> ?> ...<?php $form = ActiveForm::end(); ?> ...</code>

ActiveForm 이외의 sjaakp/yii2-iro 사용하려면 다음을 수행 할 수 있습니다.

 <code class="language-php"><?php use sjaakp\iro\IroWidget;
?>...= IroWidget::widget([
    'name' => 'iro', 'value' => '#00ff00', 'popup' => false // ... ]) ?>; ...</code>

구성 옵션

sjaakp/yii2-iro 을 포함한 다양한 구성 옵션을 제공합니다.

• 클라이언트 : 기본 iro.js 색상 선택기 구성을위한 옵션, 기본값은 빈 배열로 기본적으로 구성됩니다.
• 팝업 : 위젯이 어떻게 표시되는지 결정합니다. false 페이지에 직접 표시되어 있음을 의미합니다. true 는 색상 버튼을 클릭하여 대화 상자가 팝업되며 기본값은 true 입니다.
• 불투명성 : 알파 슬라이더를 제공할지 결정하십시오.
• Colorformat : 색상 형식을 지정하고 기본값은 'hexString' 입니다.

실제 응용 효과

내 프로젝트에서 sjaakp/yii2-iro 사용하면 사용자 경험이 크게 향상됩니다. 사용자는 직관적으로 색상을 선택할 수 있으며 두 디스플레이 모드의 유연성을 통해 위젯이 다른 인터페이스 요구에 적응할 수 있습니다. 또한, iro.js 의 강력한 특징과 sjaakp/yii2-iro 의 사용 용이성으로 인해 개발 프로세스가 더욱 효율적입니다.

전반적으로 sjaakp/yii2-iro 프로젝트에서 발생한 색상 선택 문제를 해결할뿐만 아니라 사용자 정의를 매우 간단하게 만드는 풍부한 구성 옵션을 제공하는 강력한 도구입니다. YII 2.0 프레임 워크로 프로젝트를 개발할 때 색상 선택기가 필요한 경우 sjaakp/yii2-iro 사용해 보는 것이 좋습니다.

위 내용은 개발 중에 사용자 인터페이스가 필요할 때 사용자가 직관적 인 방식으로 색상을 선택할 수있는 방법에 대한 문제에 직면합니다. YII 2.0 프레임 워크를 사용하여 색상 선택이 필요한 프로젝트를 개발할 때 까다로운 도전에 직면했습니다. 양식에서 색상 선택기를 효율적으로 구현하는 방법. 여러 가지 방법을 시도했지만 라이브러리 sjaakp/yii2-iro를 발견 할 때까지 결과는 이상적이지 않았습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!