使用按钮的Android数字时钟TextView TimePicker
[英]Android digital clock textview timepicker using buttons
问题描述
I'm newbie Java programmer and newbie Android app developer... and i'm trying to make a simple 24h digital clock acting like a timepicker. 
我是Java程序员和Android应用程序新手，我正在尝试制作一个简单的24小时数字时钟，就像一个计时器。 I don't want to use the standard TimePicker widget in this case. 在这种情况下，我不想使用标准的TimePicker小部件。 App should work on Android 2.1+ also. 该应用程序也应在Android 2.1+上运行。
My clock i supposed look like this 23:59 . 我的钟应该是这样23:59 。 When the user clicks on the clock rightmost field, buttons ranging from 0 to 9 (placed in the same Fragment) should update this rightmost field. 当用户单击时钟最右边的字段时，范围从0到9（位于同一Fragment中）的按钮应更新此最右边的字段。 The field should also be highlighted. 该字段也应突出显示。 I accomplished this with 我做到了
view.setBackgroundResource(R.color.solid_grey);
Other fields should be updated in the same way, with some logic to avoid invalid values of course. 其他字段应该以相同的方式进行更新，当然要采用一些逻辑以避免无效值。 Highlighting should be removed from first touched field when user touch another field. 当用户触摸另一个字段时，应从第一次触摸的字段中删除突出显示。
My crappy solution to the problem: What i did was to make five TextViews, one for each number and one for the colon. 我对此问题的cr脚解决方案：我要做的是制作五个TextView，每个数字一个，冒号一个。 I have attached onTouch listeners to the changeable fields in the clock and onClick listeners for the buttons. 我已经将onTouch侦听器附加到时钟的可变字段中，并将按钮附加在onClick侦听器中。 Then i have some more or less complicated code with viewholders and tagging buttons with viewholder and what not to get all of this to work. 然后我有一些或多或少复杂的代码，其中包括Viewholder和带有Viewholder的标记按钮，还有哪些不能使所有这些正常工作。
There MUST be a better way to do this! 必须有更好的方法来做到这一点！ Don't you think? 你不觉得吗
First i tried to have a single TextView and just check which index in the string representing the clock in the textview, that was clicked. 首先，我尝试使用一个TextView，然后仅检查字符串中代表索引的时钟中哪个索引被单击。 But this didn't work very good with highlighting. 但这在突出显示方面效果不佳。 The index was also hard to compute with precision since i could not come up with a better idea than to use 索引也很难精确计算，因为我想出一个比使用更好的主意了
(int) event.getX();
inside the OnTouchListener for the clock TextView. 在OnTouchListener内部，用于时钟TextView。
Any ideas on how to accomplish this in the simplest possible way? 关于如何以最简单的方式完成此操作的任何想法？ If not, i have to stick with the butt-ugly hard to maintain code i made (no i won't post it here). 如果没有，我必须坚持很难维护我编写的代码（不，我不会在这里发布它）。 :S ：S
1 个解决方案
解决方案1
0 2013-11-01 19:42:58
Ok, i'll post my own bulky solution here. 好的，我将在这里发布我自己的庞大解决方案。 It might not be pretty but it is working. 它可能不漂亮，但是正在运行。 Feel free to modify it to your liking. 可以根据自己的喜好进行修改。 Keep in mind that I'm a newbie from Sweden. 请记住，我是瑞典的新手。 :P ：P
colors.xml colors.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!-- The two most significant hex sets the transparency value -->
<color name="timefield_highlight_color">#FF8F8F8F</color>
<color name="timefield_no_highlight_color">#FF000000</color>
</resources>
timepicker_digital_24h.xml Change the @dimen-stuff to your liking. timepicker_digital_24h.xml根据自己的喜好更改@dimen-stuff dimen @dimen-stuff 。 Include this in your layout, using xml include-tag, wherever you want. 可以在任何位置使用xml include-tag将其包含在布局中。 DON'T change the id: s of the views. 请勿更改视图的id: 。
<merge xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<RelativeLayout
android:id="@+id/layout_timepicker_digital_24h"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/vertical_margin" >
<TextView
android:id="@+id/textview_time_set_colon_divider"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:maxLength="1"
android:singleLine="true"
android:text=""
android:textSize="@dimen/alarm_time_huge_textsize"
tools:ignore="SpUsage" />
<TextView
android:id="@+id/textview_time_set_hour_right"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/textview_time_set_colon_divider"
android:maxLength="1"
android:singleLine="true"
android:text=""
android:textSize="@dimen/alarm_time_huge_textsize"
tools:ignore="SpUsage" />
<TextView
android:id="@+id/textview_time_set_hour_left"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/textview_time_set_hour_right"
android:maxLength="1"
android:singleLine="true"
android:text=""
android:textSize="@dimen/alarm_time_huge_textsize"
tools:ignore="SpUsage" />
<TextView
android:id="@+id/textview_time_set_minute_left"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/textview_time_set_colon_divider"
android:maxLength="1"
android:singleLine="true"
android:text=""
android:textSize="@dimen/alarm_time_huge_textsize"
tools:ignore="SpUsage" />
<TextView
android:id="@+id/textview_time_set_minute_right"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/textview_time_set_minute_left"
android:maxLength="1"
android:singleLine="true"
android:text=""
android:textSize="@dimen/alarm_time_huge_textsize"
tools:ignore="SpUsage" />
</RelativeLayout>
<LinearLayout
android:id="@+id/layout_time_buttons_row_1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/horizontal_margin_small"
android:layout_marginRight="@dimen/horizontal_margin_small" >
<Button
android:id="@+id/button_1_time_set"
style="?android:attr/buttonStyleSmall"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="@dimen/button_set_time_margin"
android:layout_weight="1"
android:text="1"
android:textSize="@dimen/button_set_time_textsize"
tools:ignore="HardcodedText" />
<Button
android:id="@+id/button_2_time_set"
style="?android:attr/buttonStyleSmall"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="@dimen/button_set_time_margin"
android:layout_weight="1"
android:text="2"
android:textSize="@dimen/button_set_time_textsize"
tools:ignore="HardcodedText" />
<Button
android:id="@+id/button_3_time_set"
style="?android:attr/buttonStyleSmall"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="@dimen/button_set_time_margin"
android:layout_weight="1"
android:text="3"
android:textSize="@dimen/button_set_time_textsize"
tools:ignore="HardcodedText" />
</LinearLayout>
<LinearLayout
android:id="@+id/layout_time_buttons_row_2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/horizontal_margin_small"
android:layout_marginRight="@dimen/horizontal_margin_small" >
<Button
android:id="@+id/button_4_time_set"
style="?android:attr/buttonStyleSmall"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="@dimen/button_set_time_margin"
android:layout_weight="1"
android:text="4"
android:textSize="@dimen/button_set_time_textsize"
tools:ignore="HardcodedText" />
<Button
android:id="@+id/button_5_time_set"
style="?android:attr/buttonStyleSmall"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="@dimen/button_set_time_margin"
android:layout_weight="1"
android:text="5"
android:textSize="@dimen/button_set_time_textsize"
tools:ignore="HardcodedText" />
<Button
android:id="@+id/button_6_time_set"
style="?android:attr/buttonStyleSmall"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="@dimen/button_set_time_margin"
android:layout_weight="1"
android:text="6"
android:textSize="@dimen/button_set_time_textsize"
tools:ignore="HardcodedText" />
</LinearLayout>
<LinearLayout
android:id="@+id/layout_time_buttons_row_3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/horizontal_margin_small"
android:layout_marginRight="@dimen/horizontal_margin_small" >
<Button
android:id="@+id/button_7_time_set"
style="?android:attr/buttonStyleSmall"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="@dimen/button_set_time_margin"
android:layout_weight="1"
android:text="7"
android:textSize="@dimen/button_set_time_textsize"
tools:ignore="HardcodedText" />
<Button
android:id="@+id/button_8_time_set"
style="?android:attr/buttonStyleSmall"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="@dimen/button_set_time_margin"
android:layout_weight="1"
android:text="8"
android:textSize="@dimen/button_set_time_textsize"
tools:ignore="HardcodedText" />
<Button
android:id="@+id/button_9_time_set"
style="?android:attr/buttonStyleSmall"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="@dimen/button_set_time_margin"
android:layout_weight="1"
android:text="9"
android:textSize="@dimen/button_set_time_textsize"
tools:ignore="HardcodedText" />
</LinearLayout>
<Button
android:id="@+id/button_0_time_set"
style="?android:attr/buttonStyleSmall"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/vertical_margin_large"
android:layout_marginLeft="@dimen/horizontal_margin"
android:layout_marginRight="@dimen/horizontal_margin"
android:layout_marginTop="@dimen/button_set_time_margin"
android:text="0"
android:textSize="@dimen/button_set_time_textsize"
tools:ignore="HardcodedText" />
</merge>
Enums.java Enums.java
package com.example.example.timepicker;
public class Enums {
public static enum TimeField {
HOUR_LEFT, HOUR_RIGHT, MINUTE_LEFT, MINUTE_RIGHT, NONE;
public TimeField nextReal() {
TimeField fields[] = TimeField.values();
int ordinal = this.ordinal(); // incoming field index
switch(ordinal) {
case 0: // HOUR_LEFT
ordinal = 1;
break;
case 1: // HOUR_RIGHT
ordinal = 2;
break;
case 2: // MINUTE_LEFT
ordinal = 3;
break;
case 3: // MINUTE_RIGHT
ordinal = 0;
break;
case 4: // NONE
ordinal = 0;
}
return fields[ordinal];
}
}
}
TimePickerDigital24h.java TimePickerDigital24h.java
(There is a toast-string in this code that you have to define in your strings.xml .) （此代码中有一个toast-string，您必须在strings.xml定义。）
package com.example.example.timepicker;
import android.app.Activity;
import android.content.Context;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;
import com.example.example.R;
import com.example.example.timepicker.Enums.TimeField;
public class TimePickerDigital24h implements OnClickListener, OnTouchListener {
private TimeField mTimeFieldToSet = TimeField.HOUR_LEFT;
private TextView mTextViewHourLeft, mTextViewHourRight, mTextViewMinuteLeft, mTextViewMinuteRight;
private Context mContext;
public TimePickerDigital24h (Context context, String hourOfDay, String minute) {
mContext = context;
mTextViewHourLeft = (TextView) ((Activity) context).findViewById(R.id.textview_time_set_hour_left);
mTextViewHourLeft.setText(hourOfDay.substring(0, 1));
mTextViewHourRight = (TextView) ((Activity) context).findViewById(R.id.textview_time_set_hour_right);
mTextViewHourRight.setText(hourOfDay.substring(1, 2));
mTextViewMinuteLeft = (TextView) ((Activity) context).findViewById(R.id.textview_time_set_minute_left);
mTextViewMinuteLeft.setText(minute.substring(0, 1));
mTextViewMinuteRight = (TextView) ((Activity) context).findViewById(R.id.textview_time_set_minute_right);
mTextViewMinuteRight.setText(minute.substring(1, 2));
mTextViewHourLeft.setOnTouchListener(this);
mTextViewHourRight.setOnTouchListener(this);
mTextViewMinuteLeft.setOnTouchListener(this);
mTextViewMinuteRight.setOnTouchListener(this);
this.setTimeFieldHighlight(TimeField.HOUR_LEFT);
Button button0 = (Button) ((Activity) context).findViewById(R.id.button_0_time_set);
button0.setOnClickListener(this);
Button button1 = (Button) ((Activity) context).findViewById(R.id.button_1_time_set);
button1.setOnClickListener(this);
Button button2 = (Button) ((Activity) context).findViewById(R.id.button_2_time_set);
button2.setOnClickListener(this);
Button button3 = (Button) ((Activity) context).findViewById(R.id.button_3_time_set);
button3.setOnClickListener(this);
Button button4 = (Button) ((Activity) context).findViewById(R.id.button_4_time_set);
button4.setOnClickListener(this);
Button button5 = (Button) ((Activity) context).findViewById(R.id.button_5_time_set);
button5.setOnClickListener(this);
Button button6 = (Button) ((Activity) context).findViewById(R.id.button_6_time_set);
button6.setOnClickListener(this);
Button button7 = (Button) ((Activity) context).findViewById(R.id.button_7_time_set);
button7.setOnClickListener(this);
Button button8 = (Button) ((Activity) context).findViewById(R.id.button_8_time_set);
button8.setOnClickListener(this);
Button button9 = (Button) ((Activity) context).findViewById(R.id.button_9_time_set);
button9.setOnClickListener(this);
}
@Override
public boolean onTouch(View view, MotionEvent event) {
switch(view.getId()) {
case R.id.textview_time_set_hour_left:
mTimeFieldToSet = TimeField.HOUR_LEFT;
this.setTimeFieldHighlight(mTimeFieldToSet);
return true;
case R.id.textview_time_set_hour_right:
mTimeFieldToSet = TimeField.HOUR_RIGHT;
this.setTimeFieldHighlight(mTimeFieldToSet);
return true;
case R.id.textview_time_set_minute_left:
mTimeFieldToSet = TimeField.MINUTE_LEFT;
this.setTimeFieldHighlight(mTimeFieldToSet);
return true;
case R.id.textview_time_set_minute_right:
mTimeFieldToSet = TimeField.MINUTE_RIGHT;
this.setTimeFieldHighlight(mTimeFieldToSet);
return true;
}
return false;
}
@Override
public void onClick(View view) {
int valueToSet = 0;
switch(view.getId()) {
case R.id.button_0_time_set:
valueToSet = 0;
break;
case R.id.button_1_time_set:
valueToSet = 1;
break;
case R.id.button_2_time_set:
valueToSet = 2;
break;
case R.id.button_3_time_set:
valueToSet = 3;
break;
case R.id.button_4_time_set:
valueToSet = 4;
break;
case R.id.button_5_time_set:
valueToSet = 5;
break;
case R.id.button_6_time_set:
valueToSet = 6;
break;
case R.id.button_7_time_set:
valueToSet = 7;
break;
case R.id.button_8_time_set:
valueToSet = 8;
break;
case R.id.button_9_time_set:
valueToSet = 9;
break;
}
try {
this.setTimeField(valueToSet);
} catch (UnsupportedOperationException e) {
Toast.makeText(mContext, mContext.getString(R.string.toast_time_set_error), Toast.LENGTH_LONG).show();
//e.printStackTrace();
}
}
// Setter for timefields in the clock time display. Also highlights the correct field.
private void setTimeField (int valueToSet) throws UnsupportedOperationException {
int hourLeft = Integer.parseInt(mTextViewHourLeft.getText().toString());
int hourRight = Integer.parseInt(mTextViewHourRight.getText().toString());
UnsupportedOperationException exception = new UnsupportedOperationException("Input value invalid for this clock field");
setTimeFieldHighlight(mTimeFieldToSet.nextReal());
switch(mTimeFieldToSet) {
case HOUR_LEFT:
if (valueToSet <= 1) {
mTextViewHourLeft.setText("" + valueToSet);
mTimeFieldToSet = TimeField.HOUR_RIGHT;
break;
} else if (valueToSet <= 2 && hourRight <= 3) {
mTextViewHourLeft.setText("" + valueToSet);
mTimeFieldToSet = TimeField.HOUR_RIGHT;
break;
} else if (valueToSet <= 2 && hourRight >= 4) {
mTextViewHourRight.setText("3");
mTextViewHourLeft.setText("" + valueToSet);
mTimeFieldToSet = TimeField.HOUR_RIGHT;
break;
} else {
setTimeFieldHighlight(mTimeFieldToSet);
throw exception;
}
case HOUR_RIGHT:
if (valueToSet <= 3) {
mTextViewHourRight.setText("" + valueToSet);
mTimeFieldToSet = TimeField.MINUTE_LEFT;
break;
} else if (valueToSet > 3 && hourLeft <= 1) {
mTextViewHourRight.setText("" + valueToSet);
mTimeFieldToSet = TimeField.MINUTE_LEFT;
break;
} else if (valueToSet > 3 && hourLeft >= 2) {
mTextViewHourLeft.setText("1");
mTextViewHourRight.setText("" + valueToSet);
mTimeFieldToSet = TimeField.MINUTE_LEFT;
break;
} else {
setTimeFieldHighlight(mTimeFieldToSet);
throw exception;
}
case MINUTE_LEFT:
if (valueToSet <= 5) {
mTextViewMinuteLeft.setText("" + valueToSet);
mTimeFieldToSet = TimeField.MINUTE_RIGHT;
break;
} else {
setTimeFieldHighlight(mTimeFieldToSet);
throw exception;
}
case MINUTE_RIGHT:
mTextViewMinuteRight.setText("" + valueToSet);
mTimeFieldToSet = TimeField.HOUR_LEFT;
break;
case NONE:
}
}
// Highlighting of the fields in the clock display
private void setTimeFieldHighlight(TimeField field) {
switch(field) {
case HOUR_LEFT:
mTextViewHourLeft.setBackgroundResource(R.color.timefield_highlight_color);
mTextViewHourRight.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewMinuteLeft.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewMinuteRight.setBackgroundResource(R.color.timefield_no_highlight_color);
break;
case HOUR_RIGHT:
mTextViewHourLeft.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewHourRight.setBackgroundResource(R.color.timefield_highlight_color);
mTextViewMinuteLeft.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewMinuteRight.setBackgroundResource(R.color.timefield_no_highlight_color);
break;
case MINUTE_LEFT:
mTextViewHourLeft.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewHourRight.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewMinuteLeft.setBackgroundResource(R.color.timefield_highlight_color);
mTextViewMinuteRight.setBackgroundResource(R.color.timefield_no_highlight_color);
break;
case MINUTE_RIGHT:
mTextViewHourLeft.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewHourRight.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewMinuteLeft.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewMinuteRight.setBackgroundResource(R.color.timefield_highlight_color);
break;
case NONE:
mTextViewHourLeft.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewHourRight.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewMinuteLeft.setBackgroundResource(R.color.timefield_no_highlight_color);
mTextViewMinuteRight.setBackgroundResource(R.color.timefield_no_highlight_color);
}
}
public String getHourOfDay() {
String hourOfDay = mTextViewHourLeft.getText().toString()
+ mTextViewHourRight.getText().toString();
return hourOfDay;
}
public String getMinute() {
String minute = mTextViewMinuteLeft.getText().toString()
+ mTextViewMinuteRight.getText().toString();
return minute;
}
}
**Put this code in your Fragment's OnActivityCreated method to instantiate the TimePickerDigital24h object: ** **将此代码放入您片段的OnActivityCreated方法中以实例化TimePickerDigital24h对象：**
mTimePicker = new TimePickerDigital24h(getActivity(), "23", "59");
You can read back the time set by the user this way: 您可以通过以下方式回读用户设置的时间：
mTimePicker.getHourOfDay();
mTimePicker.getMinute();
I'm sure the code could be better in many ways. 我确信代码可以在许多方面更好。 If you guys know how to do this in a much simpler way, please let me know. 如果你们知道如何以更简单的方式进行此操作，请告诉我。 / TiredDude /累了
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
使用Android按钮移动Textview - Moving Textview Using Buttons Android
使用线程创建数字时钟 - Creating digital clock using a thread
从TimePicker将TextView设置为时间-Android - Set TextView to time from TimePicker - Android
Android中的按钮和TextView - Buttons and TextView in Android
JSF数字时钟 - JSF digital clock
用Java制作数字时钟 - Making a digital clock in Java
如何在 Android Studio 中将实时 DateTime 显示为 textView（如数字手表）？ - How to show the live DateTime as a textView (Like a digital watch) in Android Studio?
Android：使用Bezier的数字签名 - Android: digital signature using Bezier
带多个按钮的timePicker - timePicker with multiple buttons
使用Android TimePicker.getCurrentHour时遇到问题 - Problems using Android TimePicker.getCurrentHour
相关标签