Skip to content

Wires

Jump to bottom
tmking01 edited this page Jun 22, 2017 · 9 revisions

Wires

Layout and UI

There are a few design choices that might need to be revisited to adapt to smaller screen sizes. I used an Empty activity so there is no scrolling enabled on the screen. Each layer of controls is separated by a horizontal separator line ensuring that the controls will all be on the screen, however, the controls themselves do not scale and will overlap on small resolutions.

Constraints

User Experience

The User will use the Discrete seek bar to select the number of wires on the bomb. The seeker bar technically always starts at zero, but I have artificially added three to the result as the minimum number of wires is 3. For now, after the user has selected the number of wires, they need to press the "populate controls" button.

I have not been able to get the seek bar to update the number of controls without the use of a button. I might need help finding the "on update" or "on change" event handler.

The user will now see up to (6) radio button groups that represent the wire colors that can appear on the bomb. There are no instructions to the user, but it is important that they always enter the wires from the top down. I don't know how much hand holding or instructions we need to provide, but that is very important. It if obvious to note that if they select the wrong number of wires OR change the seek bar without repopulating the controls the answer will be incorrect.

In the code I am using the Seekbar current state in the logic structure to determine the number of wires. If a user were to populate the controls while the seek bar was on the number 6, they would be able to change the color for all 6 wires. Let's say they then accidentally slide the seek bar down to "3", but didn't hit the populate controls. They would still think the app would work because they see 6 radio groups, but the logic structure will only be looking at the first 3 due to the seek bar location. This issue is solved once the Seek bar auto updating controls issue is solved.

The user will have to hit a final button once they have changed the color for all of the wires in a top-down order (top-down from the bombs POV). I believe this should always be the case because if the answer was constantly updating as they changed colors they might read the wrong answer out loud or forget they didn't change the color of an important wire.

It would basically be a sanity check for the user. Ok, I am now ready to see the answer - pushes button.

To return to home you can press the back button or there is an arrow in the top left.

Code Details

There are no public functions or variables attached at this time. There are some that are required.

In the android manifest - the parent to this activity is the MainActivity (home screen).

For 3 wires logic - it is very striaght forward:

 if (wireNumberSlider == 3){

        if (RedCounter == 0){
            TextView lastwiretext = (TextView) findViewById(R.id.LastWire);
            lastwiretext.setText("Cut the Second Wire!");
        } else if (WireThreeColor.getText().equals("White")){
            TextView lastwiretext = (TextView) findViewById(R.id.LastWire);
            lastwiretext.setText("Cut the Last Wire!");
        } else if (BlueCounter > 1){
            TextView lastwiretext = (TextView) findViewById(R.id.LastWire);
            lastwiretext.setText("Cut the Last Blue Wire!");
        } else {
            TextView lastwiretext = (TextView) findViewById(R.id.LastWire);
            lastwiretext.setText("Cut the Last Wire!");
        }
    }

For the 4+ wires logic - I am still trying to figure out a good way to handle AND if statements. I know should be &&, I just need to execute it.

Clone this wiki locally