package org.odk.collect.android.widgets;
import java.io.File;
import java.util.Vector;
import org.javarosa.core.model.SelectChoice;
import org.javarosa.core.model.data.IAnswerData;
import org.javarosa.core.model.data.SelectOneData;
import org.javarosa.core.model.data.helper.Selection;
import org.javarosa.core.reference.InvalidReferenceException;
import org.javarosa.core.reference.ReferenceManager;
import org.javarosa.form.api.FormEntryCaption;
import org.javarosa.form.api.FormEntryPrompt;
import org.odk.collect.android.R;
import org.odk.collect.android.listeners.AdvanceToNextListener;
import org.odk.collect.android.listeners.WidgetChangedListener;
import org.odk.collect.android.utilities.FileUtils;
import org.odk.collect.android.utilities.StringUtils;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Color;
import android.util.Log;
import android.view.Display;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.view.inputmethod.InputMethodManager;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;
/**
* GridWidget handles select-one fields using a grid of icons. The user clicks the desired icon and
* the background changes from black to orange. If text, audio, or video are specified in the select
* answers they are ignored.
*
* @author Jeff Beorse (jeff@beorse.net)
*/
public class GridWidget extends QuestionWidget {
Vector<SelectChoice> mItems;
// The possible select choices
String[] choices;
// The Gridview that will hol the icons
GridView gridview;
// Defines which icon is selected
boolean[] selected;
// The image views for each of the icons
ImageView[] imageViews;
// The number of columns in the grid, can be user defined
int numColumns;
// The max width of an icon in a given column. Used to line
// up the columns and automatically fit the columns in when
// they are chosen automatically
int maxColumnWidth;
// Whether to advance immediately after the image is clicked
boolean quickAdvance;
// The RGB value for the orange background
public static final int orangeRedVal = 255;
public static final int orangeGreenVal = 140;
public static final int orangeBlueVal = 0;
AdvanceToNextListener listener;
public GridWidget(Context context, FormEntryPrompt prompt, int numColumns,
final boolean quickAdvance) {
super(context, prompt);
mItems = prompt.getSelectChoices();
mPrompt = prompt;
listener = (AdvanceToNextListener) context;
selected = new boolean[mItems.size()];
choices = new String[mItems.size()];
gridview = new GridView(context);
imageViews = new ImageView[mItems.size()];
maxColumnWidth = -1;
this.numColumns = numColumns;
for (int i = 0; i < mItems.size(); i++) {
imageViews[i] = new ImageView(getContext());
}
this.quickAdvance = quickAdvance;
// Build view
for (int i = 0; i < mItems.size(); i++) {
SelectChoice sc = mItems.get(i);
// Read the image sizes and set maxColumnWidth. This allows us to make sure all of our
// columns are going to fit
String imageURI =
prompt.getSpecialFormSelectChoiceText(sc, FormEntryCaption.TEXT_FORM_IMAGE);
if (imageURI != null) {
choices[i] = imageURI;
String imageFilename;
try {
imageFilename = ReferenceManager._().DeriveReference(imageURI).getLocalURI();
final File imageFile = new File(imageFilename);
if (imageFile.exists()) {
Display display =
((WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE))
.getDefaultDisplay();
int screenWidth = display.getWidth();
int screenHeight = display.getHeight();
Bitmap b =
FileUtils
.getBitmapScaledToDisplay(imageFile, screenHeight, screenWidth);
if (b != null) {
if (b.getWidth() > maxColumnWidth) {
maxColumnWidth = b.getWidth();
}
}
}
} catch (InvalidReferenceException e) {
Log.e("GridWidget", "image invalid reference exception");
e.printStackTrace();
}
} else {
// choices[i] = prompt.getSelectChoiceText(sc);
}
}
// Use the custom image adapter and initialize the grid view
ImageAdapter ia = new ImageAdapter(getContext(), choices);
gridview.setAdapter(ia);
gridview.setOnItemClickListener(new OnItemClickListener() {
public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
// Imitate the behavior of a radio button. Clear all buttons
// and then check the one clicked by the user. Update the
// background color accordingly
for (int i = 0; i < selected.length; i++) {
selected[i] = false;
if (imageViews[i] != null) {
imageViews[i].setBackgroundColor(Color.WHITE);
}
}
selected[position] = true;
imageViews[position].setBackgroundColor(Color.rgb(orangeRedVal, orangeGreenVal,
orangeBlueVal));
if (quickAdvance) {
listener.advance();
}
}
});
// Read the screen dimensions and fit the grid view to them. It is important that the grid
// view
// knows how far out it can stretch.
Display display =
((WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE))
.getDefaultDisplay();
int screenWidth = display.getWidth();
int screenHeight = display.getHeight();
GridView.LayoutParams params = new GridView.LayoutParams(screenWidth - 5, screenHeight - 5);
gridview.setLayoutParams(params);
// Use the user's choice for num columns, otherwise automatically decide.
if (numColumns > 0) {
gridview.setNumColumns(numColumns);
} else {
gridview.setNumColumns(GridView.AUTO_FIT);
}
gridview.setColumnWidth(maxColumnWidth);
gridview.setHorizontalSpacing(2);
gridview.setVerticalSpacing(2);
gridview.setGravity(Gravity.LEFT);
gridview.setStretchMode(GridView.NO_STRETCH);
// Fill in answer
String s = null;
if (prompt.getAnswerValue() != null) {
s = ((Selection) prompt.getAnswerValue().getValue()).getValue();
}
for (int i = 0; i < mItems.size(); ++i) {
String sMatch = mItems.get(i).getValue();
selected[i] = sMatch.equals(s);
if (selected[i]) {
imageViews[i].setBackgroundColor(Color.rgb(orangeRedVal, orangeGreenVal,
orangeBlueVal));
} else {
imageViews[i].setBackgroundColor(Color.WHITE);
}
}
addView(gridview);
}
public GridWidget(Context context, FormEntryPrompt prompt, int numColumns,
final boolean quickAdvance, final WidgetChangedListener wcl) {
super(context, prompt);
mItems = prompt.getSelectChoices();
mPrompt = prompt;
listener = (AdvanceToNextListener) context;
selected = new boolean[mItems.size()];
choices = new String[mItems.size()];
gridview = new GridView(context);
imageViews = new ImageView[mItems.size()];
maxColumnWidth = -1;
this.numColumns = numColumns;
for (int i = 0; i < mItems.size(); i++) {
imageViews[i] = new ImageView(getContext());
}
this.quickAdvance = quickAdvance;
// Build view
for (int i = 0; i < mItems.size(); i++) {
SelectChoice sc = mItems.get(i);
// Read the image sizes and set maxColumnWidth. This allows us to make sure all of our
// columns are going to fit
String imageURI =
prompt.getSpecialFormSelectChoiceText(sc, FormEntryCaption.TEXT_FORM_IMAGE);
if (imageURI != null) {
choices[i] = imageURI;
String imageFilename;
try {
imageFilename = ReferenceManager._().DeriveReference(imageURI).getLocalURI();
final File imageFile = new File(imageFilename);
if (imageFile.exists()) {
Display display =
((WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE))
.getDefaultDisplay();
int screenWidth = display.getWidth();
int screenHeight = display.getHeight();
Bitmap b =
FileUtils
.getBitmapScaledToDisplay(imageFile, screenHeight, screenWidth);
if (b != null) {
if (b.getWidth() > maxColumnWidth) {
maxColumnWidth = b.getWidth();
}
}
}
} catch (InvalidReferenceException e) {
Log.e("GridWidget", "image invalid reference exception");
e.printStackTrace();
}
} else {
// choices[i] = prompt.getSelectChoiceText(sc);
}
}
// Use the custom image adapter and initialize the grid view
ImageAdapter ia = new ImageAdapter(getContext(), choices);
gridview.setAdapter(ia);
gridview.setOnItemClickListener(new OnItemClickListener() {
public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
// Imitate the behavior of a radio button. Clear all buttons
// and then check the one clicked by the user. Update the
// background color accordingly
for (int i = 0; i < selected.length; i++) {
selected[i] = false;
if (imageViews[i] != null) {
imageViews[i].setBackgroundColor(Color.WHITE);
}
}
selected[position] = true;
imageViews[position].setBackgroundColor(Color.rgb(orangeRedVal, orangeGreenVal,
orangeBlueVal));
if (quickAdvance) {
listener.advance();
}
wcl.widgetEntryChanged();
}
});
// Read the screen dimensions and fit the grid view to them. It is important that the grid
// view
// knows how far out it can stretch.
Display display =
((WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE))
.getDefaultDisplay();
int screenWidth = display.getWidth();
int screenHeight = display.getHeight();
GridView.LayoutParams params = new GridView.LayoutParams(screenWidth - 5, screenHeight - 5);
gridview.setLayoutParams(params);
// Use the user's choice for num columns, otherwise automatically decide.
if (numColumns > 0) {
gridview.setNumColumns(numColumns);
} else {
gridview.setNumColumns(GridView.AUTO_FIT);
}
gridview.setColumnWidth(maxColumnWidth);
gridview.setHorizontalSpacing(2);
gridview.setVerticalSpacing(2);
gridview.setGravity(Gravity.LEFT);
gridview.setStretchMode(GridView.NO_STRETCH);
// Fill in answer
String s = null;
if (prompt.getAnswerValue() != null) {
s = ((Selection) prompt.getAnswerValue().getValue()).getValue();
}
for (int i = 0; i < mItems.size(); ++i) {
String sMatch = mItems.get(i).getValue();
selected[i] = sMatch.equals(s);
if (selected[i]) {
imageViews[i].setBackgroundColor(Color.rgb(orangeRedVal, orangeGreenVal,
orangeBlueVal));
} else {
imageViews[i].setBackgroundColor(Color.WHITE);
}
}
addView(gridview);
}
/*
* (non-Javadoc)
* @see org.odk.collect.android.widgets.QuestionWidget#getAnswer()
*/
@Override
public IAnswerData getAnswer() {
for (int i = 0; i < choices.length; ++i) {
if (selected[i]) {
SelectChoice sc = mItems.elementAt(i);
return new SelectOneData(new Selection(sc));
}
}
return null;
}
/*
* (non-Javadoc)
* @see org.odk.collect.android.widgets.QuestionWidget#clearAnswer()
*/
@Override
public void clearAnswer() {
for (int i = 0; i < mItems.size(); ++i) {
selected[i] = false;
imageViews[i].setBackgroundColor(Color.WHITE);
}
}
/*
* (non-Javadoc)
* @see org.odk.collect.android.widgets.QuestionWidget#setFocus(android.content.Context)
*/
@Override
public void setFocus(Context context) {
// Hide the soft keyboard if it's showing.
InputMethodManager inputManager =
(InputMethodManager) context.getSystemService(Context.INPUT_METHOD_SERVICE);
inputManager.hideSoftInputFromWindow(this.getWindowToken(), 0);
}
// Custom image adapter. Most of the code is copied from
// media layout for using a picture.
private class ImageAdapter extends BaseAdapter {
private String[] choices;
public ImageAdapter(Context c, String[] choices) {
this.choices = choices;
}
public int getCount() {
return choices.length;
}
public Object getItem(int position) {
return null;
}
public long getItemId(int position) {
return 0;
}
// create a new ImageView for each item referenced by the Adapter
public View getView(int position, View convertView, ViewGroup parent) {
String imageURI = choices[position];
// It is possible that an imageview already exists and has been updated
// by updateViewAfterAnswer
ImageView mImageView = null;
if (imageViews[position] != null) {
mImageView = imageViews[position];
}
TextView mMissingImage = null;
String errorMsg = null;
if (imageURI != null) {
try {
String imageFilename =
ReferenceManager._().DeriveReference(imageURI).getLocalURI();
final File imageFile = new File(imageFilename);
if (imageFile.exists()) {
Display display =
((WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE))
.getDefaultDisplay();
int screenWidth = display.getWidth();
int screenHeight = display.getHeight();
Bitmap b =
FileUtils
.getBitmapScaledToDisplay(imageFile, screenHeight, screenWidth);
if (b != null) {
if (mImageView == null) {
mImageView = new ImageView(getContext());
mImageView.setBackgroundColor(Color.WHITE);
}
mImageView.setPadding(3, 3, 3, 3);
mImageView.setImageBitmap(b);
imageViews[position] = mImageView;
} else {
// Loading the image failed, so it's likely a bad file.
errorMsg = StringUtils.getStringRobust(getContext(), R.string.file_invalid, imageFile.toString());
}
} else {
// We should have an image, but the file doesn't exist.
errorMsg = StringUtils.getStringRobust(getContext(), R.string.file_missing, imageFile.toString());
}
if (errorMsg != null) {
// errorMsg is only set when an error has occurred
Log.e("GridWidget", errorMsg);
mMissingImage = new TextView(getContext());
mMissingImage.setText(errorMsg);
mMissingImage.setPadding(10, 10, 10, 10);
}
} catch (InvalidReferenceException e) {
Log.e("GridWidget", "image invalid reference exception");
e.printStackTrace();
}
} else {
// There's no imageURI listed, so just ignore it.
}
if (mImageView != null) {
mImageView.setScaleType(ImageView.ScaleType.FIT_XY);
return mImageView;
} else {
return mMissingImage;
}
}
}
/*
* (non-Javadoc)
* @see org.odk.collect.android.widgets.QuestionWidget#setOnLongClickListener(android.view.View.OnLongClickListener)
*/
@Override
public void setOnLongClickListener(OnLongClickListener l) {
gridview.setOnLongClickListener(l);
}
/*
* (non-Javadoc)
* @see org.odk.collect.android.widgets.QuestionWidget#cancelLongPress()
*/
@Override
public void cancelLongPress() {
super.cancelLongPress();
gridview.cancelLongPress();
}
}