Databases
StackOverflow2013
Postsdbo
POHow to initiate a color picket dialog?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to initiate a color picket dialog?
    primarykey
    data
    text
    <p>I have followed a tutorial over at <a href="http://www.yougli.net/android/a-photoshop-like-color-picker-for-your-android-application/" rel="nofollow">http://www.yougli.net/android/a-photoshop-like-color-picker-for-your-android-application/</a></p> <p>But couldn't find a way of how to create/initiate this dialog... any ideas?</p> <p>Class's code below.</p> <p>Thanks! :)</p> <pre><code>import android.app.Dialog; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.LinearGradient; import android.graphics.Paint; import android.graphics.Shader; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; public class ColorPickerDialog extends Dialog { public interface OnColorChangedListener { void colorChanged(String key, int color); } private OnColorChangedListener mListener; private int mInitialColor, mDefaultColor; private String mKey; private static class ColorPickerView extends View { private Paint mPaint; private float mCurrentHue = 0; private int mCurrentX = 0, mCurrentY = 0; private int mCurrentColor, mDefaultColor; private final int[] mHueBarColors = new int[258]; private int[] mMainColors = new int[65536]; private OnColorChangedListener mListener; ColorPickerView(Context c, OnColorChangedListener l, int color, int defaultColor) { super(c); mListener = l; mDefaultColor = defaultColor; // Get the current hue from the current color and update the main color field float[] hsv = new float[3]; Color.colorToHSV(color, hsv); mCurrentHue = hsv[0]; updateMainColors(); mCurrentColor = color; // Initialize the colors of the hue slider bar int index = 0; for (float i=0; i&lt;256; i += 256/42) // Red (#f00) to pink (#f0f) { mHueBarColors[index] = Color.rgb(255, 0, (int) i); index++; } for (float i=0; i&lt;256; i += 256/42) // Pink (#f0f) to blue (#00f) { mHueBarColors[index] = Color.rgb(255-(int) i, 0, 255); index++; } for (float i=0; i&lt;256; i += 256/42) // Blue (#00f) to light blue (#0ff) { mHueBarColors[index] = Color.rgb(0, (int) i, 255); index++; } for (float i=0; i&lt;256; i += 256/42) // Light blue (#0ff) to green (#0f0) { mHueBarColors[index] = Color.rgb(0, 255, 255-(int) i); index++; } for (float i=0; i&lt;256; i += 256/42) // Green (#0f0) to yellow (#ff0) { mHueBarColors[index] = Color.rgb((int) i, 255, 0); index++; } for (float i=0; i&lt;256; i += 256/42) // Yellow (#ff0) to red (#f00) { mHueBarColors[index] = Color.rgb(255, 255-(int) i, 0); index++; } // Initializes the Paint that will draw the View mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mPaint.setTextAlign(Paint.Align.CENTER); mPaint.setTextSize(12); } // Get the current selected color from the hue bar private int getCurrentMainColor() { int translatedHue = 255-(int)(mCurrentHue*255/360); int index = 0; for (float i=0; i&lt;256; i += 256/42) { if (index == translatedHue) return Color.rgb(255, 0, (int) i); index++; } for (float i=0; i&lt;256; i += 256/42) { if (index == translatedHue) return Color.rgb(255-(int) i, 0, 255); index++; } for (float i=0; i&lt;256; i += 256/42) { if (index == translatedHue) return Color.rgb(0, (int) i, 255); index++; } for (float i=0; i&lt;256; i += 256/42) { if (index == translatedHue) return Color.rgb(0, 255, 255-(int) i); index++; } for (float i=0; i&lt;256; i += 256/42) { if (index == translatedHue) return Color.rgb((int) i, 255, 0); index++; } for (float i=0; i&lt;256; i += 256/42) { if (index == translatedHue) return Color.rgb(255, 255-(int) i, 0); index++; } return Color.RED; } // Update the main field colors depending on the current selected hue private void updateMainColors() { int mainColor = getCurrentMainColor(); int index = 0; int[] topColors = new int[256]; for (int y=0; y&lt;256; y++) { for (int x=0; x&lt;256; x++) { if (y == 0) { mMainColors[index] = Color.rgb(255-(255-Color.red(mainColor))*x/255, 255-(255-Color.green(mainColor))*x/255, 255-(255-Color.blue(mainColor))*x/255); topColors[x] = mMainColors[index]; } else mMainColors[index] = Color.rgb((255-y)*Color.red(topColors[x])/255, (255-y)*Color.green(topColors[x])/255, (255-y)*Color.blue(topColors[x])/255); index++; } } } @Override protected void onDraw(Canvas canvas) { int translatedHue = 255-(int)(mCurrentHue*255/360); // Display all the colors of the hue bar with lines for (int x=0; x&lt;256; x++) { // If this is not the current selected hue, display the actual color if (translatedHue != x) { mPaint.setColor(mHueBarColors[x]); mPaint.setStrokeWidth(1); } else // else display a slightly larger black line { mPaint.setColor(Color.BLACK); mPaint.setStrokeWidth(3); } canvas.drawLine(x+10, 0, x+10, 40, mPaint); } // Display the main field colors using LinearGradient for (int x=0; x&lt;256; x++) { int[] colors = new int[2]; colors[0] = mMainColors[x]; colors[1] = Color.BLACK; Shader shader = new LinearGradient(0, 50, 0, 306, colors, null, Shader.TileMode.REPEAT); mPaint.setShader(shader); canvas.drawLine(x+10, 50, x+10, 306, mPaint); } mPaint.setShader(null); // Display the circle around the currently selected color in the main field if (mCurrentX != 0 &amp;&amp; mCurrentY != 0) { mPaint.setStyle(Paint.Style.STROKE); mPaint.setColor(Color.BLACK); canvas.drawCircle(mCurrentX, mCurrentY, 10, mPaint); } // Draw a 'button' with the currently selected color mPaint.setStyle(Paint.Style.FILL); mPaint.setColor(mCurrentColor); canvas.drawRect(10, 316, 138, 356, mPaint); // Set the text color according to the brightness of the color if (Color.red(mCurrentColor)+Color.green(mCurrentColor)+Color.blue(mCurrentColor) &lt; 384) mPaint.setColor(Color.WHITE); else mPaint.setColor(Color.BLACK); canvas.drawText(getResources().getString(R.string.settings_bg_color_confirm), 74, 340, mPaint); // Draw a 'button' with the default color mPaint.setStyle(Paint.Style.FILL); mPaint.setColor(mDefaultColor); canvas.drawRect(138, 316, 266, 356, mPaint); // Set the text color according to the brightness of the color if (Color.red(mDefaultColor)+Color.green(mDefaultColor)+Color.blue(mDefaultColor) &lt; 384) mPaint.setColor(Color.WHITE); else mPaint.setColor(Color.BLACK); canvas.drawText(getResources().getString(R.string.settings_default_color_confirm), 202, 340, mPaint); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { setMeasuredDimension(276, 366); } @Override public boolean onTouchEvent(MotionEvent event) { if (event.getAction() != MotionEvent.ACTION_DOWN) return true; float x = event.getX(); float y = event.getY(); // If the touch event is located in the hue bar if (x &gt; 10 &amp;&amp; x &lt; 266 &amp;&amp; y &gt; 0 &amp;&amp; y &lt; 40) { // Update the main field colors mCurrentHue = (255-x)*360/255; updateMainColors(); // Update the current selected color int transX = mCurrentX-10; int transY = mCurrentY-60; int index = 256*(transY-1)+transX; if (index &gt; 0 &amp;&amp; index &lt; mMainColors.length) mCurrentColor = mMainColors[256*(transY-1)+transX]; // Force the redraw of the dialog invalidate(); } // If the touch event is located in the main field if (x &gt; 10 &amp;&amp; x &lt; 266 &amp;&amp; y &gt; 50 &amp;&amp; y &lt; 306) { mCurrentX = (int) x; mCurrentY = (int) y; int transX = mCurrentX-10; int transY = mCurrentY-60; int index = 256*(transY-1)+transX; if (index &gt; 0 &amp;&amp; index &lt; mMainColors.length) { // Update the current color mCurrentColor = mMainColors[index]; // Force the redraw of the dialog invalidate(); } } // If the touch event is located in the left button, notify the listener with the current color if (x &gt; 10 &amp;&amp; x &lt; 138 &amp;&amp; y &gt; 316 &amp;&amp; y &lt; 356) mListener.colorChanged("", mCurrentColor); // If the touch event is located in the right button, notify the listener with the default color if (x &gt; 138 &amp;&amp; x &lt; 266 &amp;&amp; y &gt; 316 &amp;&amp; y &lt; 356) mListener.colorChanged("", mDefaultColor); return true; } } public ColorPickerDialog(Context context, OnColorChangedListener listener, String key, int initialColor, int defaultColor) { super(context); mListener = listener; mKey = key; mInitialColor = initialColor; mDefaultColor = defaultColor; } @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); OnColorChangedListener l = new OnColorChangedListener() { public void colorChanged(String key, int color) { mListener.colorChanged(mKey, color); dismiss(); } }; setContentView(new ColorPickerView(getContext(), l, mInitialColor, mDefaultColor)); setTitle(R.string.settings_bg_color_dialog); } } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USRoger
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to initiate a color picket dialog?
      1. This table or related slice is empty.
      1. VTDownMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload