Я хочу создать такое меню.
Я пробовал анимацию, но не сохраняет положение кнопок.
Если кто-то сделал этот тип меню, пожалуйста, помогите мне.
Любая помощь будет оценена.
Я хочу создать такое меню.
Я пробовал анимацию, но не сохраняет положение кнопок.
Если кто-то сделал этот тип меню, пожалуйста, помогите мне.
Любая помощь будет оценена.
Я думаю Вращающееся колесо в андроиде, которое дает вам идеальное представление о создании этого типа виджетов. Это также полезно для меня. Также проверьте Этот пример.
Недавно я создал это круговое меню, чтобы добавить его в свой недавний проект. Это выглядит как
Вам нужно создать новый View и нарисовать это представление, проверить входные данные пользователя (там, где он трогает), разработать механизм обратной связи, например, на мой взгляд, если пользователь коснется любой из 5 дуг, цвет фона меняется на skyblue. Вот мой код для onDrawMethod.
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
px = getMeasuredWidth()/2;
py = getMeasuredHeight();
initial = 144;
finalangle = 252;
centerCircleradius = 30;
middleCircleRadius = 140;
int init, fina;
init = 160;
fina = 360;
finalOVal.set(px-middleCircleRadius-4, py-middleCircleRadius-4, px+middleCircleRadius+4, py+middleCircleRadius+4);
middleOval.set(px-middleCircleRadius, py-middleCircleRadius, px+middleCircleRadius, py+middleCircleRadius);
while(init<fina)
{
circlePaint.setColor(colors[i]);
canvas.drawArc(finalOVal,init,10,false, circlePaint);
i++;
if(i>=colors.length)
{
i=0;
}
init = init + 10;
}
canvas.drawArc(middleOval, 180, 180, false, pencil);
midInitial = 180;
i=0;
//Creating the first Arc
if(arcTouched[0])
{
canvas.drawArc(middleOval, midInitial, 36, true, arcTouchedBack);
canvas.drawArc(middleOval, midInitial, 36, true, pencil);
}
else
{
canvas.drawArc(middleOval, midInitial, 36, true, middleCircleBody);
canvas.drawArc(middleOval, midInitial, 36, true, pencil);
}
canvas.drawBitmap(bitmap.get(0), null, (putBitmapTo(midInitial, 36, 140, px, py)), null);
midInitial+=36;
if(arcTouched[1])
{
canvas.drawArc(middleOval, midInitial, 36, true, arcTouchedBack);
canvas.drawArc(middleOval, midInitial, 36, true, pencil);
}
else
{
canvas.drawArc(middleOval, midInitial, 36, true, middleCircleBody);
canvas.drawArc(middleOval, midInitial, 36, true, pencil);
}
canvas.drawBitmap(bitmap.get(1), null, (putBitmapTo(midInitial, 36, 140, px, py)), null);
midInitial+=36;
if(arcTouched[2])
{
canvas.drawArc(middleOval, midInitial, 36, true, arcTouchedBack);
canvas.drawArc(middleOval, midInitial, 36, true, pencil);
}
else
{
canvas.drawArc(middleOval, midInitial, 36, true, middleCircleBody);
canvas.drawArc(middleOval, midInitial, 36, true, pencil);
}
canvas.drawBitmap(bitmap.get(2), null, (putBitmapTo(midInitial, 36, 140, px, py)), null);
midInitial+=36;
//Creatring the second Arc
if(arcTouched[3])
{
canvas.drawArc(middleOval, midInitial, 36, true, arcTouchedBack);
canvas.drawArc(middleOval, midInitial, 36, true, pencil);
}
else
{
canvas.drawArc(middleOval, midInitial, 36, true, middleCircleBody);
canvas.drawArc(middleOval, midInitial, 36, true, pencil);
}
canvas.drawBitmap(bitmap.get(3), null, (putBitmapTo(midInitial, 36, 140, px, py)), null);
midInitial+=36;
if(arcTouched[4])
{
canvas.drawArc(middleOval, midInitial, 36, true, arcTouchedBack);
canvas.drawArc(middleOval, midInitial, 36, true, pencil);
}
else
{
canvas.drawArc(middleOval, midInitial, 36, true, middleCircleBody);
canvas.drawArc(middleOval, midInitial, 36, true, pencil);
}
canvas.drawBitmap(bitmap.get(4), null, (putBitmapTo(midInitial, 36, 140, px, py)), null);
canvas.drawCircle(px, py-10, 40, pencil);
canvas.drawCircle(px, py-10, 39, smallCircleCore);
canvas.drawCircle(px, py-10, 35, bigArc);
canvas.drawCircle(px, py-10, 20, smallCircleCore);
canvas.drawCircle(px, py-10, 15, bigArc);
canvas.drawLine(px-8, py-10, px+8, py-10, lineCore);
canvas.save();
}
Некоторые ссылки, которые могут вам понадобиться.
bitmap → - это arraylist, содержащий изображения
arcToched [] → - это массив, определяющий фон для дуги, значения этого логического массива изменяются в методе onTouchEvent().
lineCore, smallCircleCore..... являются красками.
Я знаю, что это не лучший способ, а не профессионал. Я создал это меню по мере необходимости. Это не масштабируется, пока вы не измените угловые расчеты.
Этот взгляд очень вдохновлен Catch Notes Application. Единственная проблема, с которой я столкнулся при создании этого представления, - это определить, что дуга затронута. Единственная анимация, которую я использовал здесь, похожа на снова. Catch Notes (тот, в котором круговое меню растягивается чуть больше заданного размера, а затем возвращается в нормальное состояние).
http://code.google.com/p/radial-menu-widget/
Это то, что вам нужно. Загрузите банку и интегрируйте ее как пример по приведенной выше ссылке.