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

Программирование Android

Войти
Регистрация
Восстановить пароль
 
 
dajver
408 / 272 / 18
Регистрация: 18.09.2010
Сообщений: 1,107
#1

Canvas circle radius на всех экранах - Программирование Android

21.01.2016, 14:17. Просмотров 496. Ответов 26
Метки нет (Все метки)

Ребятушки, нужна помощь людишек который разбираются с канвой и с тем что бы сделать ее под все экраны. Потому что у меня на данный момент мой канвас разлазится на разных экранах так что жуть.

Я уже спрашивал на форуме как сделать серкл разделенный на куски, дальше я там сделал заполнение этого серкла из активити, в общем получилась красота. Но на 7 дюймах оно больше чем разметка позволяет видеть, а на 3 оно огромное вообще, заполняет всю видимую область, в общем надо как то подстраивать все под разные размеры...

Код очень кривой, не отрефакторенный... Может кто то знает как сделать что бы на всех экранах оно вмещалось и работало как работает щас.

Мой сюрфейс

Кликните здесь для просмотра всего текста
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
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
public class RoundSurfaceView extends BaseSurfaceView {
 
    private SurfaceManager gameLoopThread;
    public Context context;
    public SurfaceHolder holder;
 
    public Paint circlePaint;
    public Paint slicePaint;
    public Paint linesPaint;
    public float[] datapoints = {450, 450, 450, 450, 450, 450, 450, 450};
    public int[] sizeOfArcs = new int[360];
    public int[] colorsOfCircles = new int[360];
    public RectF rectf;
    public float centerX;
    public float centerY;
 
    public float zeroPieChartSize = 0;
    public float firstPieChartSize = 0;
    public float secondPieChartSize = 0;
    public float thirdPieChartSize = 0;
    public float fourPieChartSize = 0;
    public float fivePieChartSize = 0;
    public float sixPieChartSize = 0;
    public float sevenPieChartSize = 0;
 
    public float cx;
    public float cy;
 
    public int radius = 260;
 
    public RoundSurfaceView(Context context) {
        super(context);
        this.context = context;
        init();
    }
 
    public RoundSurfaceView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
        init();
    }
 
    public RoundSurfaceView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context;
        init();
    }
 
    private void init() {
        setUpView();
        gameLoopThread = new SurfaceManager(this);
        holder = getHolder();
        holder.addCallback(new SurfaceHolder.Callback() {
 
            public void surfaceDestroyed(SurfaceHolder holder) {
                boolean retry = true;
                gameLoopThread.setRunning(false);
                while (retry) {
                    try {
                        gameLoopThread.join();
                        retry = false;
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
            }
 
            public void surfaceCreated(SurfaceHolder holder) {
                if (gameLoopThread.getState() == Thread.State.NEW ) {
                    gameLoopThread.setRunning(true);
                    gameLoopThread.start();
                }
            }
 
            public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) { }
        });
    }
 
    @Override
    public void onDraw(Canvas canvas) {
        if(canvas != null) {
            canvas.drawColor(Color.WHITE);
            if (this.datapoints != null) {
                drawingSettings();
 
                drawBackGroundCircle(canvas);
                drawPartsOfPie(canvas);
                drawNineCircles(canvas);
                drawStrokeBackgroundLines(canvas);
                drawCircleWithI(canvas);
                drawI(canvas);
            }
        }
    }
    
    public void setUpView() {
        slicePaint = new Paint();
        slicePaint.setAntiAlias(true);
        slicePaint.setDither(true);
        slicePaint.setStyle(Paint.Style.FILL);
 
        linesPaint = new Paint();
        linesPaint.setAntiAlias(true);
        linesPaint.setDither(true);
        linesPaint.setStyle(Paint.Style.FILL);
        linesPaint.setStrokeWidth(2);
        linesPaint.setColor(context.getResources().getColor(android.R.color.white));
 
        circlePaint = new Paint();
        circlePaint.setAntiAlias(true);
        circlePaint.setDither(true);
        circlePaint.setStyle(Paint.Style.STROKE);
        circlePaint.setStrokeWidth(1);
 
        rectf = new RectF();
 
        colorsOfCircles[90] = R.color.circle_first_color;
        colorsOfCircles[135] = R.color.circle_second_color;
        colorsOfCircles[180] = R.color.circle_third_color;
        colorsOfCircles[225] = R.color.circle_forth_color;
        colorsOfCircles[270] = R.color.circle_fifth_color;
        colorsOfCircles[270] = R.color.circle_sixth_color;
        colorsOfCircles[0] = R.color.circle_seventh_color;
        colorsOfCircles[45] = R.color.circle_eight_color;
    }
 
    public void drawingSettings() {
        int startTop = 0;
        int startLeft = 0;
        int endBottom = getHeight();
        int endRight = getWidth();
 
        rectf.set(startLeft, startTop, endRight, endBottom);
 
        centerX = rectf.centerX();
        centerY = rectf.centerY();
 
        cx = getWidth() / 2f;
        cy = getHeight() / 2f;
    }
 
    public void drawBackGroundCircle(Canvas canvas) {
        slicePaint.setColor(context.getResources().getColor(R.color.round_color_center_circle));
        canvas.drawCircle(centerX, centerY, radius, slicePaint);
    }
 
    public void drawNineCircles(Canvas canvas) {
        circlePaint.setColor(context.getResources().getColor(R.color.white));
 
        canvas.drawCircle(centerX, centerY, radius - 180, circlePaint);
        canvas.drawCircle(centerX, centerY, radius - 160, circlePaint);
        canvas.drawCircle(centerX, centerY, radius - 140, circlePaint);
        canvas.drawCircle(centerX, centerY, radius - 120, circlePaint);
        canvas.drawCircle(centerX, centerY, radius - 100, circlePaint);
        canvas.drawCircle(centerX, centerY, radius - 80, circlePaint);
        canvas.drawCircle(centerX, centerY, radius - 60, circlePaint);
        canvas.drawCircle(centerX, centerY, radius - 40, circlePaint);
        canvas.drawCircle(centerX, centerY, radius - 20, circlePaint);
    }
 
    public void drawPartsOfPie(Canvas canvas) {
        float[] scaledValues = scale();
        float sliceStartPoint = 0;
 
        rectf.set(centerX - zeroPieChartSize / 2, centerY - zeroPieChartSize / 2, centerX + zeroPieChartSize / 2, centerY + zeroPieChartSize / 2);
        slicePaint.setColor(context.getResources().getColor(R.color.circle_first_color));
        canvas.drawArc(rectf, sliceStartPoint, scaledValues[0], true, slicePaint);
        sliceStartPoint += scaledValues[0];
 
        rectf.set(centerX - firstPieChartSize / 2, centerY - firstPieChartSize / 2, centerX + firstPieChartSize / 2, centerY + firstPieChartSize / 2);
        slicePaint.setColor(context.getResources().getColor(R.color.circle_second_color));
        canvas.drawArc(rectf, sliceStartPoint, scaledValues[1], true, slicePaint);
        sliceStartPoint += scaledValues[1];
 
        rectf.set(centerX - secondPieChartSize / 2, centerY - secondPieChartSize / 2, centerX + secondPieChartSize / 2, centerY + secondPieChartSize / 2);
        slicePaint.setColor(context.getResources().getColor(R.color.circle_third_color));
        canvas.drawArc(rectf, sliceStartPoint, scaledValues[2], true, slicePaint);
        sliceStartPoint += scaledValues[2];
 
        rectf.set(centerX - thirdPieChartSize / 2, centerY - thirdPieChartSize / 2, centerX + thirdPieChartSize / 2, centerY + thirdPieChartSize / 2);
        slicePaint.setColor(context.getResources().getColor(R.color.circle_forth_color));
        canvas.drawArc(rectf, sliceStartPoint, scaledValues[3], true, slicePaint);
        sliceStartPoint += scaledValues[3];
 
        rectf.set(centerX - fourPieChartSize / 2, centerY - fourPieChartSize / 2, centerX + fourPieChartSize / 2, centerY + fourPieChartSize / 2);
        slicePaint.setColor(context.getResources().getColor(R.color.circle_fifth_color));
        canvas.drawArc(rectf, sliceStartPoint, scaledValues[4], true, slicePaint);
        sliceStartPoint += scaledValues[4];
 
        rectf.set(centerX - fivePieChartSize / 2, centerY - fivePieChartSize / 2, centerX + fivePieChartSize / 2, centerY + fivePieChartSize / 2);
        slicePaint.setColor(context.getResources().getColor(R.color.circle_sixth_color));
        canvas.drawArc(rectf, sliceStartPoint, scaledValues[5], true, slicePaint);
        sliceStartPoint += scaledValues[5];
 
        rectf.set(centerX - sixPieChartSize / 2, centerY - sixPieChartSize / 2, centerX + sixPieChartSize / 2, centerY + sixPieChartSize / 2);
        slicePaint.setColor(context.getResources().getColor(R.color.circle_seventh_color));
        canvas.drawArc(rectf, sliceStartPoint, scaledValues[6], true, slicePaint);
        sliceStartPoint += scaledValues[6];
 
        rectf.set(centerX - sevenPieChartSize / 2, centerY - sevenPieChartSize / 2, centerX + sevenPieChartSize / 2, centerY + sevenPieChartSize / 2);
        slicePaint.setColor(context.getResources().getColor(R.color.circle_eight_color));
        canvas.drawArc(rectf, sliceStartPoint, scaledValues[7], true, slicePaint);
    }
 
    public void drawStrokeBackgroundLines(Canvas canvas) {
        float scaleMarkSize = getResources().getDisplayMetrics().density * 16;
        float radius = Math.min(getWidth(), getHeight());
 
        for (int i = 0; i < 360; i += 45) {
            float angle = (float) (i * Math.PI / 180f);
 
            float stopX = (float) (centerX + (radius - scaleMarkSize) * Math.sin(angle));
            float stopY = (float) (centerY - (radius - scaleMarkSize) * Math.cos(angle));
 
            canvas.drawLine(centerX, centerY, stopX, stopY, linesPaint);
        }
    }
 
    public void drawCircleWithI(Canvas canvas) {
        slicePaint.setColor(context.getResources().getColor(R.color.round_color_center_circle_second));
        canvas.drawCircle(centerX, centerY, radius / 4, slicePaint);
        slicePaint.setColor(context.getResources().getColor(R.color.round_color_center_circle));
        canvas.drawCircle(centerX, centerY, radius / 6, slicePaint);
    }
 
    public void drawI(Canvas canvas) {
        slicePaint.setTextSize(60);
        slicePaint.setTextAlign(Paint.Align.CENTER);
        slicePaint.setColor(context.getResources().getColor(R.color.round_color_center_circle_text));
        canvas.drawText("i", centerX, centerY + 20, slicePaint);
    }
 
    public float[] scale() {
        float[] scaledValues = new float[this.datapoints.length];
        float total = getTotal();
        for (int i = 0; i < this.datapoints.length; i++) {
            scaledValues[i] = (this.datapoints[i] / total) * 360;
        }
        return scaledValues;
    }
 
    public float getTotal() {
        float total = 0;
        for (float val : this.datapoints)
            total += val;
        return total;
    }
 
    public float dipToPixels(float dipValue) {
        DisplayMetrics metrics = context.getResources().getDisplayMetrics();
        return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dipValue, metrics);
    }
 
    public void setZeroPieChartSize(float zeroPieChartSize) {
        sizeOfArcs[90] = (int)zeroPieChartSize;
        this.zeroPieChartSize = zeroPieChartSize;
    }
 
    public void setFirstPieChartSize(float firstPieChartSize) {
        sizeOfArcs[135] = (int)firstPieChartSize;
        this.firstPieChartSize = firstPieChartSize;
    }
 
    public void setSecondPieChartSize(float secondPieChartSize) {
        sizeOfArcs[180] = (int)secondPieChartSize;
        this.secondPieChartSize = secondPieChartSize;
    }
 
    public void setThirdPieChartSize(float thirdPieChartSize) {
        sizeOfArcs[225] = (int)thirdPieChartSize;
        this.thirdPieChartSize = thirdPieChartSize;
    }
 
    public void setFourPieChartSize(float fourPieChartSize) {
        sizeOfArcs[270] = (int)fourPieChartSize;
        this.fourPieChartSize = fourPieChartSize;
    }
 
    public void setFivePieChartSize(float fivePieChartSize) {
        sizeOfArcs[315] = (int)fivePieChartSize;
        this.fivePieChartSize = fivePieChartSize;
    }
 
    public void setSixPieChartSize(float sixPieChartSize) {
        sizeOfArcs[0] = (int)sixPieChartSize;
        this.sixPieChartSize = sixPieChartSize;
    }
 
    public void setSevenPieChartSize(float sevenPieChartSize) {
        sizeOfArcs[45] = (int)sevenPieChartSize;
        this.sevenPieChartSize = sevenPieChartSize;
    }
}
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
dajver
408 / 272 / 18
Регистрация: 18.09.2010
Сообщений: 1,107
21.01.2016, 14:17  [ТС]     Canvas circle radius на всех экранах #2
Моя мейн активити с SeekBar'ами
Кликните здесь для просмотра всего текста
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
public static final float ARC_SIZE = 5.2f;
 
    @Bind(R.id.firstSeekBar)
    SeekBar firstSeekBar;
    @Bind(R.id.secondSeekBar)
    SeekBar secondSeekBar;
    @Bind(R.id.thirdSeekBar)
    SeekBar thirdSeekBar;
    @Bind(R.id.forthSeekBar)
    SeekBar forthSeekBar;
    @Bind(R.id.fifthSeekBar)
    SeekBar fifthSeekBar;
    @Bind(R.id.sixthSeekBar)
    SeekBar sixthSeekBar;
    @Bind(R.id.seventhSeekBar)
    SeekBar seventhSeekBar;
    @Bind(R.id.eighthSeekBar)
    SeekBar eighthSeekBar;
 
    @Bind(R.id.firstPercent)
    TextView firstPercent;
    @Bind(R.id.secondPercent)
    TextView secondPercent;
    @Bind(R.id.thirdPercent)
    TextView thirdPercent;
    @Bind(R.id.forthPercent)
    TextView forthPercent;
    @Bind(R.id.fifthPercent)
    TextView fifthPercent;
    @Bind(R.id.sixthPercent)
    TextView sixthPercent;
    @Bind(R.id.seventhPercent)
    TextView seventhPercent;
    @Bind(R.id.eighthPercent)
    TextView eighthPercent;
 
    @Bind(R.id.round)
    RoundSurfaceView pieChartView;
 
    @Bind(R.id.button)
    Button readyButton;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_wheel_setting);
        ButterKnife.bind(this);
 
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setDisplayShowHomeEnabled(true);
 
        firstSeekBar.setOnSeekBarChangeListener(this);
        secondSeekBar.setOnSeekBarChangeListener(this);
        thirdSeekBar.setOnSeekBarChangeListener(this);
        forthSeekBar.setOnSeekBarChangeListener(this);
        fifthSeekBar.setOnSeekBarChangeListener(this);
        sixthSeekBar.setOnSeekBarChangeListener(this);
        seventhSeekBar.setOnSeekBarChangeListener(this);
        eighthSeekBar.setOnSeekBarChangeListener(this);
 
        readyButton.setOnClickListener(this);
 
        firstSeekBar.getProgressDrawable().setColorFilter(getResources().getColor(R.color.circle_first_color), PorterDuff.Mode.SRC_IN);
        secondSeekBar.getProgressDrawable().setColorFilter(getResources().getColor(R.color.circle_second_color), PorterDuff.Mode.SRC_IN);
        thirdSeekBar.getProgressDrawable().setColorFilter(getResources().getColor(R.color.circle_third_color), PorterDuff.Mode.SRC_IN);
        forthSeekBar.getProgressDrawable().setColorFilter(getResources().getColor(R.color.circle_forth_color), PorterDuff.Mode.SRC_IN);
        fifthSeekBar.getProgressDrawable().setColorFilter(getResources().getColor(R.color.circle_fifth_color), PorterDuff.Mode.SRC_IN);
        sixthSeekBar.getProgressDrawable().setColorFilter(getResources().getColor(R.color.circle_sixth_color), PorterDuff.Mode.SRC_IN);
        seventhSeekBar.getProgressDrawable().setColorFilter(getResources().getColor(R.color.circle_seventh_color), PorterDuff.Mode.SRC_IN);
        eighthSeekBar.getProgressDrawable().setColorFilter(getResources().getColor(R.color.circle_eight_color), PorterDuff.Mode.SRC_IN);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            firstSeekBar.getThumb().setColorFilter(getResources().getColor(R.color.circle_first_color), PorterDuff.Mode.SRC_IN);
            secondSeekBar.getThumb().setColorFilter(getResources().getColor(R.color.circle_second_color), PorterDuff.Mode.SRC_IN);
            thirdSeekBar.getThumb().setColorFilter(getResources().getColor(R.color.circle_third_color), PorterDuff.Mode.SRC_IN);
            forthSeekBar.getThumb().setColorFilter(getResources().getColor(R.color.circle_forth_color), PorterDuff.Mode.SRC_IN);
            fifthSeekBar.getThumb().setColorFilter(getResources().getColor(R.color.circle_fifth_color), PorterDuff.Mode.SRC_IN);
            sixthSeekBar.getThumb().setColorFilter(getResources().getColor(R.color.circle_sixth_color), PorterDuff.Mode.SRC_IN);
            seventhSeekBar.getThumb().setColorFilter(getResources().getColor(R.color.circle_seventh_color), PorterDuff.Mode.SRC_IN);
            eighthSeekBar.getThumb().setColorFilter(getResources().getColor(R.color.circle_eight_color), PorterDuff.Mode.SRC_IN);
        }
    }
 
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        switch (seekBar.getId()) {
            case R.id.firstSeekBar:
                pieChartView.setZeroPieChartSize(progress * ARC_SIZE);
                firstPercent.setText(String.valueOf(progress) + "%");
                break;
            case R.id.secondSeekBar:
                pieChartView.setFirstPieChartSize(progress * ARC_SIZE);
                secondPercent.setText(String.valueOf(progress) + "%");
                break;
            case R.id.thirdSeekBar:
                pieChartView.setSecondPieChartSize(progress * ARC_SIZE);
                thirdPercent.setText(String.valueOf(progress) + "%");
                break;
            case R.id.forthSeekBar:
                pieChartView.setThirdPieChartSize(progress * ARC_SIZE);
                forthPercent.setText(String.valueOf(progress) + "%");
                break;
            case R.id.fifthSeekBar:
                pieChartView.setFourPieChartSize(progress * ARC_SIZE);
                fifthPercent.setText(String.valueOf(progress) + "%");
                break;
            case R.id.sixthSeekBar:
                pieChartView.setFivePieChartSize(progress * ARC_SIZE);
                sixthPercent.setText(String.valueOf(progress) + "%");
                break;
            case R.id.seventhSeekBar:
                pieChartView.setSixPieChartSize(progress * ARC_SIZE);
                seventhPercent.setText(String.valueOf(progress) + "%");
                break;
            case R.id.eighthSeekBar:
                pieChartView.setSevenPieChartSize(progress * ARC_SIZE);
                eighthPercent.setText(String.valueOf(progress) + "%");
                break;
        }
    }
 
    @Override
    public void onStartTrackingTouch(SeekBar seekBar) { }
 
    @Override
    public void onStopTrackingTouch(SeekBar seekBar) { }
 
    }


И еще такой момент, может кто знает как сделать что бы 100 процентов сик бара было равно полностью заполненным серкалом, и отказаться от умножения на ARC_SIZE ?
Spelcrawler
526 / 496 / 111
Регистрация: 12.03.2014
Сообщений: 1,648
Завершенные тесты: 1
21.01.2016, 14:21     Canvas circle radius на всех экранах #3
Цитата Сообщение от dajver Посмотреть сообщение
Может кто то знает как сделать что бы на всех экранах оно вмещалось
Радиус нужно не жестко задавать, а брать меньшую сторону вьюшки деленную на 2. В onDraw приходит canvas, у него есть методы getWidth и getHeight - они возвращают реальные размеры вьюшки на экране.
dajver
408 / 272 / 18
Регистрация: 18.09.2010
Сообщений: 1,107
21.01.2016, 14:30  [ТС]     Canvas circle radius на всех экранах #4
Цитата Сообщение от Spelcrawler Посмотреть сообщение
брать меньшую сторону вьюшки деленную на 2
Не совсем понятно что это значит) Подскажите пожалуйста точней.
Spelcrawler
526 / 496 / 111
Регистрация: 12.03.2014
Сообщений: 1,648
Завершенные тесты: 1
21.01.2016, 14:47     Canvas circle radius на всех экранах #5
Сообщение было отмечено автором темы, экспертом или модератором как ответ
Ну как то так
Java
1
2
3
4
int width = canvas.getWidth();
int height = canvas.getHeight();
int minSize = width > height ? height : width;
int radius = minSize / 2;
Ну и еще желательно паддинги вычесть из размеров перед вычислением меньшей стороны и радиуса.
Java
1
2
width -= getPaddingLeft() + getPaddingRight();
height -= getPaddingTop() + getPaddingBottom();
В этом случае нужно еще при вычислении центральной точки тоже паддинги учесть.

Добавлено через 8 минут
немного не так, лучше float использовать, а не int - с интом бывают проблемы при рисовании.
powowstal
27 / 27 / 4
Регистрация: 21.03.2013
Сообщений: 302
21.01.2016, 14:47     Canvas circle radius на всех экранах #6
dajver, говорит нужно смотреть "программно" какой экран, если маленький = делить размер круга на 2.
Я вообще не заморачивался и вынес круг в фрагмент и он подгоняется под экран сам.
Spelcrawler
526 / 496 / 111
Регистрация: 12.03.2014
Сообщений: 1,648
Завершенные тесты: 1
21.01.2016, 14:53     Canvas circle radius на всех экранах #7
Цитата Сообщение от powowstal Посмотреть сообщение
нужно смотреть "программно" какой экран, если маленький = делить размер круга на 2
Нет, не нужно делить размер круга на 2. Нужно вычислять размер круга в зависимости от размера вьюшки.
Pablito
21.01.2016, 14:54
  #8

Не по теме:

а что делает этот код? вернее что должен делать?

Spelcrawler
526 / 496 / 111
Регистрация: 12.03.2014
Сообщений: 1,648
Завершенные тесты: 1
21.01.2016, 15:00     Canvas circle radius на всех экранах #9
Паблито, рисует что-то похожее на PieChart
dajver
408 / 272 / 18
Регистрация: 18.09.2010
Сообщений: 1,107
21.01.2016, 15:20  [ТС]     Canvas circle radius на всех экранах #10
Цитата Сообщение от powowstal Посмотреть сообщение
Я вообще не заморачивался и вынес круг в фрагмент и он подгоняется под экран сам.
А как это?) можно поподробней?

немного не так, лучше float использовать, а не int - с интом бывают проблемы при рисовании.
хорошо, спасибо, попробую
Pablito
21.01.2016, 15:40
  #11

Не по теме:

может быть не в совсем в тему, но есть либа
https://github.com/PhilJay/MPAndroidChart
7к+ звезд на гитхабе

Spelcrawler
526 / 496 / 111
Регистрация: 12.03.2014
Сообщений: 1,648
Завершенные тесты: 1
21.01.2016, 15:43     Canvas circle radius на всех экранах #12
Паблито, пробовал ее, но потом решил, что лучше самому с нуля делать т.к. апи уж очень странное, кастомизация никакая и данные нужно под нее подгонять - постоянно перегонять из одной структуры в другую. Можно конечно и эту под себя переписать, но быстрее все с нуля сделать.
dajver
408 / 272 / 18
Регистрация: 18.09.2010
Сообщений: 1,107
21.01.2016, 15:48  [ТС]     Canvas circle radius на всех экранах #13
Цитата Сообщение от Паблито Посмотреть сообщение
может быть не в совсем в тему, но есть либа
https://github.com/PhilJay/MPAndroidChart
7к+ звезд на гитхабе
У меня помимо простого построения пай чартов надо еще заполнять их https://youtu.be/1Lal9EuzTno

Добавлено через 3 минуты
Да и еще эта фигня что строится с 0 координат, и первые 20 пикселей пайчарта не видно из за серкла поверх, мож тоже кто знает как поправить?
Pablito
21.01.2016, 15:49
  #14

Не по теме:

wow круто

Spelcrawler
526 / 496 / 111
Регистрация: 12.03.2014
Сообщений: 1,648
Завершенные тесты: 1
21.01.2016, 15:55     Canvas circle radius на всех экранах #15
Сообщение было отмечено автором темы, экспертом или модератором как ответ
Цитата Сообщение от dajver Посмотреть сообщение
Да и еще эта фигня что строится с 0 координат, и первые 20 пикселей пайчарта не видно из за серкла поверх, мож тоже кто знает как поправить?
Если правильно понял проблему, нужно радиус закрашивания считать не от нуля, а от радиуса центрального круга. Т.е. взять за максимум разницу радиусов большого круга и центрального, а потом к радиусу частей прибавлять радиус центрального круга.
dajver
408 / 272 / 18
Регистрация: 18.09.2010
Сообщений: 1,107
21.01.2016, 23:20  [ТС]     Canvas circle radius на всех экранах #16
Цитата Сообщение от Spelcrawler Посмотреть сообщение
Если правильно понял проблему, нужно радиус закрашивания считать не от нуля, а от радиуса центрального круга. Т.е. взять за максимум разницу радиусов большого круга и центрального, а потом к радиусу частей прибавлять радиус центрального круга.
Пробовал пробовал, но все не то, можете подсказать пожалуйста как это сделать? Я в канве не сильно много умею... А других способов сделать данную задачу даже не знаю...

Цитата Сообщение от dajver Посмотреть сообщение
И еще такой момент, может кто знает как сделать что бы 100 процентов сик бара было равно полностью заполненным серкалом, и отказаться от умножения на ARC_SIZE
И с этим может что то сможете подсказать?) Потому что сейчас оно рисует, но не до конца вьюхи... Это я использовал ваш код для построения радиуса по размерам экрана.
Spelcrawler
526 / 496 / 111
Регистрация: 12.03.2014
Сообщений: 1,648
Завершенные тесты: 1
22.01.2016, 09:33     Canvas circle radius на всех экранах #17
dajver, чет так с ходу не скажу, можно весь код? Попробую поотлаживать)
dajver
408 / 272 / 18
Регистрация: 18.09.2010
Сообщений: 1,107
22.01.2016, 11:12  [ТС]     Canvas circle radius на всех экранах #18
Цитата Сообщение от Spelcrawler Посмотреть сообщение
dajver, чет так с ходу не скажу, можно весь код? Попробую поотлаживать)
Спасибо, я ради такого даже собрал отдельный проект рабочий)
Вложения
Тип файла: rar ArcDrawer.rar (5.94 Мб, 1 просмотров)
Spelcrawler
526 / 496 / 111
Регистрация: 12.03.2014
Сообщений: 1,648
Завершенные тесты: 1
22.01.2016, 13:01     Canvas circle radius на всех экранах #19
Сообщение было отмечено автором темы, экспертом или модератором как ответ
В общем вроде понял что не так: во первых посылаем в методы setZeroPieChartSize, setFirstPieChartSize и т.д. не размер, а прогресс seekBar'a деленный на 100
Java
1
pieChartView.setZeroPieChartSize((float)progress / 100f);
Далее добавляем метод для расчета rect'a в BaseSurfaceView:
Java
1
2
3
4
5
6
7
private void calculateRectForPieSlice(RectF source, float slicePercent) {
    float invisibleRadius = radius / 4; //Это радиус бОльшего центрального круга, можно его вынести в поле
    float visibleRadius = radius - invisibleRadius;
    float sliceRadius = invisibleRadius + visibleRadius * slicePercent;
 
    source.set(centerX - sliceRadius, centerY - sliceRadius, centerX + sliceRadius, centerY + sliceRadius);
}
Потом вместо текущего получения rect'a в методе drawPartsOfPie
Java
1
2
3
4
//Вот это было
rectf.set(centerX - zeroPieChartSize / 2, centerY - zeroPieChartSize / 2, centerX + zeroPieChartSize / 2, centerY + zeroPieChartSize / 2);
//Делаем так
calculateRectForPieSlice(rectf, zeroPieChartSize);
И далее все так же, у меня стало нормально отображаться.
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
22.01.2016, 13:48     Canvas circle radius на всех экранах
Еще ссылки по теме:
canvas.rotate Android
Canvas и Button Android
Android canvas Android
Android Intent в Canvas
Растянуть Canvas Android

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

Или воспользуйтесь поиском по форуму:
powowstal
27 / 27 / 4
Регистрация: 21.03.2013
Сообщений: 302
22.01.2016, 13:48     Canvas circle radius на всех экранах #20
dajver,
Цитата Сообщение от dajver Посмотреть сообщение
А как это?) можно поподробней?
view с кругом реализовал в виде фрагмента, а уже фрагмент подогнал по нужным размерам и круг не вылазит за пределы фрагмента а только масштабируется под объект
Yandex
Объявления
22.01.2016, 13:48     Canvas circle radius на всех экранах
Ответ Создать тему
Опции темы

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