[Android][Java] Color picker - 색상선택 창 띄우기

안녕하세요. 오늘은 색상을 선택할 수 있는 창을 띄워보겠습니다.

 

결과

 

목차

1. build.gradle

2. java

3. xml

 

 

1. build.gradle

// color picker
implementation 'com.github.yukuku:ambilwarna:2.0.1' // 투명도 조절이 안 됨

 

2. java

public class MainActivity extends AppCompatActivity {
    private final String TAG=this.getClass().getSimpleName();
    private int tColor; // 직전 선택한 색상
    private Button btnColorPicker;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        btnColorPicker = (Button)findViewById(R.id.button);
        btnColorPicker.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) { Log.e(TAG,"choice() onClick");
                openColorPicker();
            }
        });


    }


    private void openColorPicker() {
        AmbilWarnaDialog colorPicker = new AmbilWarnaDialog(this, tColor, new AmbilWarnaDialog.OnAmbilWarnaListener() {
            @Override
            public void onCancel(AmbilWarnaDialog dialog) {
            }

            @Override
            public void onOk(AmbilWarnaDialog dialog, int color) {

                tColor = color; // 직전 선택한 색상

                // int to String
                String hexColor = Integer.toHexString(color).substring(2);

                // 투명도 조절
                hexColor = "#6F"+hexColor;
                Log.e(TAG,"hexColor:"+hexColor); // 9자리

                // 원하는 곳 색상 변경
                btnColorPicker.setBackgroundColor(Color.parseColor(hexColor));

            }
        });
        colorPicker.show();
    }



}

int to String이나 투명도 조절은 임의로 지정했습니다. 필요하신 분만 사용하시면 됩니다. 

onOk()의 color변수로 원하는 곳에 색상을 삽입합니다. 

 

 

3. xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="84dp"
        android:text="색상 선택"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

이 버튼 배경색을 변경하게됩니다.

 

color picker에는 다양한 라이브러리가 있습니다. 

참고하세요.

https://ourcodeworld.com/articles/read/932/top-10-best-android-color-picker-libraries

Top 10: Best Android Color Picker Libraries