color_picker_seekbar_r.xml
<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<corners android:radius="5dip" />
<gradient
android:startColor="#ff000000"
android:centerY="0.5"
android:endColor="#ffff0000"
android:angle="0"
/>
</shape>
</item>
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="5dip" />
<gradient
android:startColor="#ff000000"
android:centerY="0.5"
android:endColor="#ffff0000"
android:angle="0"
/>
</shape>
</clip>
</item>
</layer-list>
color_picker_seekbar_g.xml
<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<corners android:radius="5dip" />
<gradient
android:startColor="#ff000000"
android:centerY="0.5"
android:endColor="#ff00ff00"
android:angle="0"
/>
</shape>
</item>
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="5dip" />
<gradient
android:startColor="#ff000000"
android:centerY="0.5"
android:endColor="#ff00ff00"
android:angle="0"
/>
</shape>
</clip>
</item>
</layer-list>
color_picker_seekbar_b.xml
<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<corners android:radius="5dip" />
<gradient
android:startColor="#ff000000"
android:centerY="0.5"
android:endColor="#ff0000ff"
android:angle="0"
/>
</shape>
</item>
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="5dip" />
<gradient
android:startColor="#ff000000"
android:centerY="0.5"
android:endColor="#ff0000ff"
android:angle="0"
/>
</shape>
</clip>
</item>
</layer-list>
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<Button android:id="@+id/changeTextColorButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Change Text Color"
/>
<Button android:id="@+id/changeBackgroundColorButton"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Change Background Color"
/>
<TextView android:id="@+id/sampleTextView1"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:gravity="center_vertical|center_horizontal"
android:textSize="20dp"
android:text="Sample1"/>
</LinearLayout>
dialog_picker.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="4dp"
android:orientation="vertical">
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:text="@string/color_picker_viewer"/>
<TextView android:id="@+id/colorPickerViewer"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"/>
<TextView android:id="@+id/colorPickerTextR"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingLeft="5dp"
android:paddingTop="5dp"/>
<SeekBar android:id="@+id/colorPickerSeekBarR"
android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:max="255"
android:padding="8dp"
android:progressDrawable="@drawable/color_picker_seekbar_r"/>
<TextView android:id="@+id/colorPickerTextG"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingLeft="5dp"/>
<SeekBar android:id="@+id/colorPickerSeekBarG"
android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:max="255"
android:padding="8dp"
android:progressDrawable="@drawable/color_picker_seekbar_g"/>
<TextView android:id="@+id/colorPickerTextB"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingLeft="5dp"/>
<SeekBar android:id="@+id/colorPickerSeekBarB"
android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:max="255"
android:padding="8dp"
android:progressDrawable="@drawable/color_picker_seekbar_b" />
</LinearLayout>
dialog_selecter.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
>
<GridView android:id="@+id/colorSelectGridView"
android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:verticalSpacing="6dp"
android:horizontalSpacing="6dp"
android:numColumns="4"/>
</LinearLayout>
strings.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">Hello World, ColorSelectDialog!</string>
<string name="app_name">Color Select Dialog</string>
<string name="color_picker_viewer">Color Viewer(Click to select 16Color)</string>
<string name="color_picker_red">RED</string>
<string name="color_picker_green">GREEN</string>
<string name="color_picker_blue">BLUE</string>
</resources>
ColorSelectDialog.java
package jp.hiro711.ColorSelectDialog;
import android.app.Activity;
import android.app.AlertDialog;
import android.app.Dialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.GridView;
import android.widget.SeekBar;
import android.widget.TextView;
import android.widget.SeekBar.OnSeekBarChangeListener;
public class ColorSelectDialog extends Activity {
final int CHANGE_TEXT = 0;
final int CHANGE_BACKGROUND = 1;
final int COLOR_TABLE[] = {
0xffffffff, 0xffc0c0c0, 0xff808080, 0xff000000,
0xffffc0c0, 0xffff6060, 0xffff0000, 0xff800000,
0xffffe0c0, 0xffffb060, 0xffff8000, 0xff804000,
0xffffffc0, 0xffffff60, 0xffffff00, 0xff808000,
0xffe0ffc0, 0xffb0ff60, 0xff80ff00, 0xff408000,
0xffc0ffc0, 0xff60ff60, 0xff00ff00, 0xff008000,
0xffc0ffe0, 0xff60ffb0, 0xff00ff80, 0xff008040,
0xffc0ffff, 0xff60ffff, 0xff00ffff, 0xff008080,
0xffc0e0ff, 0xff60b0ff, 0xff0080ff, 0xff004480,
0xffc0c0ff, 0xff6060ff, 0xff0000ff, 0xff000080,
0xffe0c0ff, 0xffb060ff, 0xff8000ff, 0xff400080,
0xffffc0ff, 0xffff60ff, 0xffff00ff, 0xff800080,
0xffffc0e0, 0xffff60b0, 0xffff0080, 0xff800040
};
int mColor = 0xffffffff;
int mTextColor = 0xffc0c0c0;
int mBackgroundColor = 0xff000000;
LayoutInflater inflater;
View dialogView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
final Button button1 = (Button)findViewById(R.id.changeTextColorButton);
button1.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mColor = mTextColor;
colorDialog(CHANGE_TEXT);
}
});
final Button button2 = (Button)findViewById(R.id.changeBackgroundColorButton);
button2.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
mColor = mBackgroundColor;
colorDialog(CHANGE_BACKGROUND);
}
});
}
private void colorDialog(final int where) {
final String rString = getResources().getString(R.string.color_picker_red);
final String gString = getResources().getString(R.string.color_picker_green);
final String bString = getResources().getString(R.string.color_picker_blue);
inflater = LayoutInflater.from(this);
dialogView = inflater.inflate(R.layout.dialog_picker, null);
final TextView textR = (TextView)dialogView.findViewById(R.id.colorPickerTextR);
textR.setText(String.format("%s(%02X)", rString, (mColor & 0x00ff0000) >> 16));
final TextView textG = (TextView)dialogView.findViewById(R.id.colorPickerTextG);
textG.setText(String.format("%s(%02X)", gString, (mColor & 0x0000ff00) >> 8));
final TextView textB = (TextView)dialogView.findViewById(R.id.colorPickerTextB);
textB.setText(String.format("%s(%02X)", bString, (mColor & 0x000000ff)));
final TextView viewer = (TextView)dialogView.findViewById(R.id.colorPickerViewer);
viewer.setBackgroundColor(mColor);
viewer.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
showDialog(0);
}
});
final SeekBar seekBarR = (SeekBar)dialogView.findViewById(R.id.colorPickerSeekBarR);
seekBarR.setProgress((mColor & 0x00ff0000) >>16);
seekBarR.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
int value = seekBar.getProgress();
textR.setText(String.format("%s(%02X)", rString, value));
mColor = (mColor & 0xff00ffff) | value << 16;
viewer.setBackgroundColor(mColor);
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
int value = seekBar.getProgress();
textR.setText(String.format("%s(%02X)", rString, value));
mColor = (mColor & 0xff00ffff) | value << 16;
viewer.setBackgroundColor(mColor);
}
@Override
public void onProgressChanged(SeekBar seekBar, int progress,
boolean fromUser) {
int value = seekBar.getProgress();
textR.setText(String.format("%s(%02X)", rString, value));
mColor = (mColor & 0xff00ffff) | value << 16;
viewer.setBackgroundColor(mColor);
}
});
final SeekBar seekBarG = (SeekBar)dialogView.findViewById(R.id.colorPickerSeekBarG);
seekBarG.setProgress((mColor & 0x0000ff00) >> 8);
seekBarG.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
int value = seekBar.getProgress();
textG.setText(String.format("%s(%02X)", gString, value));
mColor = (mColor & 0xffff00ff) | value << 8;
viewer.setBackgroundColor(mColor);
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
int value = seekBar.getProgress();
textG.setText(String.format("%s(%02X)", gString, value));
mColor = (mColor & 0xffff00ff) | value << 8;
viewer.setBackgroundColor(mColor);
}
@Override
public void onProgressChanged(SeekBar seekBar, int progress,
boolean fromUser) {
int value = seekBar.getProgress();
textG.setText(String.format("%s(%02X)", gString, value));
mColor = (mColor & 0xffff00ff) | value << 8;
viewer.setBackgroundColor(mColor);
}
});
final SeekBar seekBarB = (SeekBar)dialogView.findViewById(R.id.colorPickerSeekBarB);
seekBarB.setProgress((mColor & 0x000000ff));
seekBarB.setOnSeekBarChangeListener(new OnSeekBarChangeListener() {
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
int value = seekBar.getProgress();
textB.setText(String.format("%s(%02X)", bString, value));
mColor = (mColor & 0xffffff00) | value;
viewer.setBackgroundColor(mColor);
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
int value = seekBar.getProgress();
textB.setText(String.format("%s(%02X)", bString, value));
mColor = (mColor & 0xffffff00) | value;
viewer.setBackgroundColor(mColor);
}
@Override
public void onProgressChanged(SeekBar seekBar, int progress,
boolean fromUser) {
int value = seekBar.getProgress();
textB.setText(String.format("%s(%02X)", bString, value));
mColor = (mColor & 0xffffff00) | value;
viewer.setBackgroundColor(mColor);
}
});
final AlertDialog.Builder alert = new AlertDialog.Builder(this);
alert.setView(dialogView);
alert.setPositiveButton("OK", new DialogInterface.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int idx) {
switch(where) {
case CHANGE_TEXT:
mTextColor = mColor;
final TextView textView0 = (TextView)findViewById(R.id.sampleTextView1);
textView0.setTextColor(mTextColor);
break;
case CHANGE_BACKGROUND:
mBackgroundColor = mColor;
final TextView textView1 = (TextView)findViewById(R.id.sampleTextView1);
textView1.setBackgroundColor(mBackgroundColor);
break;
}
}
});
alert.show();
}
@Override
protected Dialog onCreateDialog(int id) {
if(id == 0) {
final String rString = getResources().getString(R.string.color_picker_red);
final String gString = getResources().getString(R.string.color_picker_green);
final String bString = getResources().getString(R.string.color_picker_blue);
LayoutInflater inflater1 = LayoutInflater.from(this);
final View dialogView1 = inflater1.inflate(R.layout.dialog_selecter, null);
final GridView gridView = (GridView)dialogView1.findViewById(R.id.colorSelectGridView);
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1) {
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view = super.getView(position, convertView, parent);
view.setBackgroundColor(COLOR_TABLE[position]);
return view;
}
};
for(int i = 0; i<COLOR_TABLE.length; i++) {
adapter.add("");
}
gridView.setAdapter(adapter);
gridView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
mColor = COLOR_TABLE[arg2];
final TextView textR = (TextView)dialogView.findViewById(R.id.colorPickerTextR);
textR.setText(String.format("%s(%02X)", rString, (mColor & 0x00ff0000) >> 16));
final TextView textG = (TextView)dialogView.findViewById(R.id.colorPickerTextG);
textG.setText(String.format("%s(%02X)", gString, (mColor & 0x0000ff00) >> 8));
final TextView textB = (TextView)dialogView.findViewById(R.id.colorPickerTextB);
textB.setText(String.format("%s(%02X)", bString, (mColor & 0x000000ff)));
final TextView viewer = (TextView)dialogView.findViewById(R.id.colorPickerViewer);
viewer.setBackgroundColor(mColor);
final SeekBar seekBarR = (SeekBar)dialogView.findViewById(R.id.colorPickerSeekBarR);
seekBarR.setProgress((mColor & 0x00ff0000) >>16);
final SeekBar seekBarG = (SeekBar)dialogView.findViewById(R.id.colorPickerSeekBarG);
seekBarG.setProgress((mColor & 0x0000ff00) >> 8);
final SeekBar seekBarB = (SeekBar)dialogView.findViewById(R.id.colorPickerSeekBarB);
seekBarB.setProgress((mColor & 0x000000ff));
dismissDialog(0);
}
});
return new AlertDialog.Builder(this)
.setView(dialogView1)
.setNegativeButton("Cancel", null)
.create();
}
return super.onCreateDialog(id);
}
}
