#COLOR PICKER WHEEL ROTATING PAPER CODE#

While the thumb is moving it is 50% opaque, and it will return to 100% opaque as soon as the user lifts their pointer from the screen and a new color is selected. The user interacts with this thumb by pressing down on it, then rotating it around the wheel. The RGB color picker works as follows: There is a small white “thumb” that marks the color currently indicated on the dial (the outer rim of the color picker), and that indicated color is displayed in the inner circle of the color wheel. Important definition: The term wheel used throughout the spec refers to the dial and inner circle it is the larger circle that contains all interface you will be drawing. Implementing your color picker interactor will require you to support input handling, maintaining and mutating state, and drawing to the screen in CircleColorPickerView.java. Part 1: Creating your Circle Color Picker To understand parts of the assignment that seem tricky. We are showing the absolute minimum necessary for M圜olorPickerView.ĪppCompatActivity <|- AbstractMainActivityĪppCompatImageView <|- AbstractColorPickerViewĪbstractColorPickerView <|- ColorPickerViewĬolorPickerView <|- CircleColorPickerView Is must be overridden in the child class. Any method that is in italics is an abstract method, meaning The symbols can be read as follows: + is a public field or method, #

#COLOR PICKER WHEEL ROTATING PAPER CODE#

The structure of the code is represented by theĭiagram shown below.

Where applicable, you must use the inherited variables and functions (do not overload the inherited functions). Read the abstract base classes, including all of the comments in AbstractColorPicker.java and AbstractMainActivity.java before you begin. As such it is important to understand the inheritance chains of these two files, as you will be using a lot of variables and functions defined in both these and parent classes. You will be editing ColorPickerView, CircleColorPickerView, M圜olorPickerView and MainActivity. How the custom interactor communicates with an application. Note: We will be asking you to re-use your color picker ( CircleColorPickerView and ColorPickerView) in a later assignment so it is important that you understand Inherits from AbstractMainActivity which must remain untouched. This is yourĪpplication which will use your custom color picker interactor.

Compute the relation of clicks to colors.

Handle different input events in onTouchEvent.

You will implement onTouchEvent in ColorPickerView and handle model updates and the essential geometry and drawing methods in your custom views. AbstractColorPickerView.java must remain untouched.Ī second goal in this assignment is to properly handle input by separating the model code, geometric details and drawing (view code) from the controller code (which is in onTouchEvent in this case). Both inherit fromĬolorPickerView.java which inherits AbstractColorPickerView.java.

These are your custom interactors and mustīe implemented so they can be used by any application. Your primary goal in this assignment is to createĬircleColorPickerView.java and M圜olorPickerView.java. You will be an Interface Programmer as you use this new interactor in your App.You will be a Component Developer as you implement your RBG Color Pickers.

You will play two developer roles in this assignment Here is a video of our solution playing on the Pixel 2 emulator (API level 28) Both are used in a very simple application that displays the chosen color. There are two parts to this assignment, creating an RGB color picker interactor which lets you choose a color on a rainbow circle (color wheel), and creating a second color picker of your choice.

Part 4: Implementing your own color picker.

Part 3: Save and Restore Application Model using Bundle.

Part 2: Implementing the application layer.

Part 1: Creating your Circle Color Picker.

Color picker wheel rotating paper