Форум программистов, компьютерный форум CyberForum.ru

Привязка времени к стрелочным часам canvas - Android

Восстановить пароль Регистрация
 
anton_rynkovoy
0 / 0 / 0
Регистрация: 25.01.2016
Сообщений: 14
14.09.2016, 17:25     Привязка времени к стрелочным часам canvas #1
Как привязать реальное время к стрелкам часов, нарисованных канвой? Секундная стрелка работает, но почему-то начитается отсчет с 15 минут (3 часа). Другие стрелки показывают неверно вообще.

я нахожу числа:
Java
1
2
3
4
int hrs = this.mCalendar.get(Calendar.HOUR_OF_DAY);
        int min = this.mCalendar.get(Calendar.MINUTE);
        int sec = this.mCalendar.get(Calendar.SECOND);
        int mls = this.mCalendar.get(Calendar.MILLISECOND);
есть угол и формула по нахождению:
Java
1
2
3
4
 
        private final double angle = 6 * Math.PI / 180;
        xSec = (int) (x0 + (radius - 50) * Math.cos(aSec));
        ySec = (int) (y0 + (radius - 50) * Math.sin(aSec));
и просчет :
Java
1
2
3
  aSec = sec * angle;
        aMin = min * angle;
        aHours = hrs * angle;
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
14.09.2016, 17:25     Привязка времени к стрелочным часам canvas
Посмотрите здесь:

Canvas в JPEG Android
вылетает canvas Android
Масштабирование Canvas Android
Canvas Android
Canvas и Button Android
canvas.rotate Android
Android Intent в Canvas
Android Столкновения на canvas
Использование canvas Android
Android canvas Android
Android Карта на Canvas
Потоки. Canvas Android

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
OlegJV
 Аватар для OlegJV
99 / 99 / 29
Регистрация: 13.03.2016
Сообщений: 452
14.09.2016, 17:29     Привязка времени к стрелочным часам canvas #2
Чем синусы считать может проще canvas вращать, как я уже советовал?
Mikalai
248 / 224 / 91
Регистрация: 11.01.2015
Сообщений: 643
14.09.2016, 22:26     Привязка времени к стрелочным часам canvas #3
Сообщение было отмечено автором темы, экспертом или модератором как ответ
anton_rynkovoy, может эти часики пригодятся. Код не супер, но часики работают. Рисуются полностью программно. На разметку добавить с нужным размером и всё.
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
import android.annotation.TargetApi;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Build;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.View;
 
import java.text.SimpleDateFormat;
import java.util.Timer;
import java.util.TimerTask;
 
public class WatchView extends View {
 
    private int watchBorder;
    private int centerCircleRadius;
    private int centerX, centerY;
    private int radius;
    int borderSize;
 
    private int arrowHourX, arrowHourY, arrowHourX0, arrowHourY0;
    private int arrowMinX, arrowMinY, arrowMinX0, arrowMinY0;
    private int arrowSecX, arrowSecY, arrowSecX0, arrowSecY0;
 
    private float arrowHourWidth;
    private float arrowMinWidth;
    private float arrowSecWidth;
 
    private Bitmap bitmapClockFace;
    private int clockFaceX, clockFaceY;
    private Paint paint = new Paint();
 
    Handler handler = new Handler();
    private Timer timer = new Timer();
 
    private int arrowTickX, arrowTickY, arrowTickX0, arrowTickY0;
 
    public WatchView(Context context) {
        super(context);
    }
 
    public WatchView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
 
    public WatchView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
 
    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public WatchView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }
 
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
 
        watchBorder = 4;
        borderSize = w >= h ? h : w;
        centerX = w / 2;
        centerY = h / 2;
        radius = borderSize / 2;
 
        centerCircleRadius = (int) (0.1 * radius);
 
        arrowHourWidth = 7f;
        arrowMinWidth = 5f;
        arrowSecWidth = 3f;
 
        int arrowHourLength = (int) (0.5 * radius);
        int arrowMinLength = (int) (0.7 * radius);
        int arrowSecLength = (int) (0.9 * radius);
 
        arrowHourX = w / 2;
        arrowHourY = centerY - arrowHourLength;
        arrowHourX0 = arrowHourX;
        arrowHourY0 = arrowHourY;
 
        arrowMinX = w / 2;
        arrowMinY = centerY - arrowMinLength;
        arrowMinX0 = arrowMinX;
        arrowMinY0 = arrowMinY;
 
        arrowSecX = w / 2;
        arrowSecY = centerY - arrowSecLength;
        arrowSecX0 = arrowSecX;
        arrowSecY0 = arrowSecY;
 
        clockFaceX = w / 2 - borderSize / 2;
        clockFaceY = h / 2 - borderSize / 2;
 
        arrowTickX = borderSize / 2;
        arrowTickY = borderSize / 2 - radius + 2;
        arrowTickX0 = arrowTickX;
        arrowTickY0 = arrowTickY;
 
        createClockFace(borderSize);
    }
 
    private void createClockFace(int borderSize) {
        bitmapClockFace = Bitmap.createBitmap(borderSize, borderSize, Bitmap.Config.ARGB_8888);
        Canvas c = new Canvas(bitmapClockFace);
 
        int centerX = borderSize / 2;
        int centerY = borderSize / 2;
 
        paint.setColor(Color.BLACK);
        c.drawCircle(centerX, centerY, radius, paint);
        paint.setColor(Color.WHITE);
        c.drawCircle(centerX, centerY, radius - watchBorder, paint);
 
        paint.setColor(Color.BLACK);
        paint.setStrokeWidth(arrowSecWidth);
        for (int i = 0; i < 60; i++) {
            setTick(i);
            c.drawLine(centerX, centerY, arrowTickX, arrowTickY, paint);
        }
 
        float circleRadius = 0.95f * radius;
        paint.setColor(Color.WHITE);
        c.drawCircle(centerX, centerY, circleRadius, paint);
 
        paint.setColor(Color.BLACK);
        paint.setStrokeWidth(10f);
        for (int i = 0; i < 60; i += 5) {
            setTick(i);
            c.drawLine(centerX, centerY, arrowTickX, arrowTickY, paint);
        }
        circleRadius = 0.92f * radius;
        paint.setColor(Color.WHITE);
        c.drawCircle(centerX, centerY, circleRadius, paint);
 
        timer.schedule(new UpdateTimeTask(), 0, 1000);
    }
 
    @Override
    protected void onDraw(Canvas canvas) {
        //clock face
        canvas.drawBitmap(bitmapClockFace, clockFaceX, clockFaceY, null);
 
        //clock hands
        paint.setColor(Color.BLACK);
        //hour
        paint.setStrokeWidth(arrowHourWidth);
        canvas.drawLine(centerX, centerY, arrowHourX, arrowHourY, paint);
        //min
        paint.setStrokeWidth(arrowMinWidth);
        canvas.drawLine(centerX, centerY, arrowMinX, arrowMinY, paint);
        //sec
        paint.setStrokeWidth(arrowSecWidth);
        canvas.drawLine(centerX, centerY, arrowSecX, arrowSecY, paint);
 
        //clock face
        paint.setColor(Color.WHITE);
        canvas.drawCircle(centerX, centerY, centerCircleRadius, paint);
    }
 
    private void setTime(String time) {
        String tmp[] = time.split(":");
        int hour = Integer.valueOf(tmp[0]);
        int min = Integer.valueOf(tmp[1]);
        int sec = Integer.valueOf(tmp[2]);
 
 
        setMin(min);
        setSec(sec);
 
        //144 ticks in circle
        int hourTicks = hour * 12 + min / 5;
        setHour(hourTicks);
    }
 
    private void setSec(int tick) {
        final int oneTickSecDegree = 6;
        int arrowSecDegree = tick * oneTickSecDegree;
        int rx = arrowSecX0 - centerX;
        int ry = arrowSecY0 - centerY;
        double c = Math.cos(Math.toRadians(arrowSecDegree));
        double s = Math.sin(Math.toRadians(arrowSecDegree));
        arrowSecX = (int) (centerX + rx * c - ry * s);
        arrowSecY = (int) (centerY + rx * s + ry * c);
    }
 
    private void setMin(int tick) {
        final int oneTickMinDegree = 6;
        int arrowMinDegree = tick * oneTickMinDegree;
        int rx = arrowMinX0 - centerX;
        int ry = arrowMinY0 - centerY;
        double c = Math.cos(Math.toRadians(arrowMinDegree));
        double s = Math.sin(Math.toRadians(arrowMinDegree));
        arrowMinX = (int) (centerX + rx * c - ry * s);
        arrowMinY = (int) (centerY + rx * s + ry * c);
    }
 
    private void setHour(int tick) {
        final float oneTickHourDegree = 2.5f;
        float arrowHourDegree = tick * oneTickHourDegree;
        int rx = arrowHourX0 - centerX;
        int ry = arrowHourY0 - centerY;
        double c = Math.cos(Math.toRadians(arrowHourDegree));
        double s = Math.sin(Math.toRadians(arrowHourDegree));
        arrowHourX = (int) (centerX + rx * c - ry * s);
        arrowHourY = (int) (centerY + rx * s + ry * c);
    }
 
    private void setTick(int tick) {
        final int oneTickDegree = 6;
        int arrowTickDegree = tick * oneTickDegree;
        int rx = arrowTickX0 - borderSize / 2;
        int ry = arrowTickY0 - borderSize / 2;
        double c = Math.cos(Math.toRadians(arrowTickDegree));
        double s = Math.sin(Math.toRadians(arrowTickDegree));
        arrowTickX = (int) (borderSize / 2 + rx * c - ry * s);
        arrowTickY = (int) (borderSize / 2 + rx * s + ry * c);
    }
 
    private String getCurrentTime() {
        long date = System.currentTimeMillis();
        SimpleDateFormat sdf = new SimpleDateFormat("KK:mm:ss");
        return sdf.format(date);
    }
 
    class UpdateTimeTask extends TimerTask {
        public void run() {
            handler.post(new Runnable() {
                @Override
                public void run() {
                    setTime(getCurrentTime());
                    invalidate();
                }
            });
        }
    }
}
Yandex
Объявления
14.09.2016, 22:26     Привязка времени к стрелочным часам canvas
Ответ Создать тему
Опции темы

Текущее время: 04:11. Часовой пояс GMT +3.
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Рейтинг@Mail.ru