Форум программистов, компьютерный форум, киберфорум
Программирование Android
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.73/15: Рейтинг темы: голосов - 15, средняя оценка - 4.73
 Аватар для kvaka
31 / 31 / 3
Регистрация: 26.06.2012
Сообщений: 166

Элемент нестандартной формы

01.07.2012, 01:40. Показов 3329. Ответов 9
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Вопрос в следующем: есть необходимость создания круглого (или другой формы элемента), внутри которого помещается изображение. Думал как-то надо унаследовать от ImageView, но там нет публичных методов для переопределения. Подскажите в каком направлении мыслить или пример покажите.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
01.07.2012, 01:40
Ответы с готовыми решениями:

Как можно нарисовать элемент управления нестандартной формы?
Ну не для кого не секрет, что такие выкрутасы проще и грамотнее будет сделать с помощью сравнительно новой технологии WPF. Но в WinForms...

Кнопки нестандартной формы
Подскажите, как можно сделать

Окно нестандартной формы!
Здравствуйте, интернет весь перекопан, надеюсь на вашу помощь! Возможно ли сделать окно не простой прямоугольной формы, а к примеру в форме...

9
 Аватар для Bes-s
31 / 31 / 0
Регистрация: 05.11.2011
Сообщений: 178
01.07.2012, 01:43
а в чем проблема сделать элемент квадратной формы с прозрачным фоном, а уже внутри изображение нужной? опишите суть, что необходимо.
0
 Аватар для kvaka
31 / 31 / 3
Регистрация: 26.06.2012
Сообщений: 166
01.07.2012, 02:53  [ТС]
Нужно, чтобы любое изображение, выбранное в качестве ресурса становилось круглым (или еще каким-нибудь)
0
 Аватар для Bes-s
31 / 31 / 0
Регистрация: 05.11.2011
Сообщений: 178
01.07.2012, 02:59
обрезаем края в методе onDraw так как нам надо - и все... onDraw есть у любого view.
0
 Аватар для kvaka
31 / 31 / 3
Регистрация: 26.06.2012
Сообщений: 166
01.07.2012, 03:04  [ТС]
Если можно - ткните меня носом в пример...
0
 Аватар для Bes-s
31 / 31 / 0
Регистрация: 05.11.2011
Сообщений: 178
01.07.2012, 13:40
Толкового примера не дам, но вот пример кода(не факт что рабочий, но суть поймете.)
Java
1
2
3
4
5
6
7
8
9
10
11
@Override
protected void onDraw(Canvas canvas) {
Path path = new Path();
path.moveTo(w/2,h/2);
path.lineTo(fX,fY);
path.addArc(rectF, startAngle, (float)angle);
path.lineTo(w/2,h/2);
path.close();
canvas.clipPath(path);
 
}
после данных манипуляций у вас останется только то, что внутри вырезанного пути.
0
 Аватар для kvaka
31 / 31 / 3
Регистрация: 26.06.2012
Сообщений: 166
02.07.2012, 02:38  [ТС]
Создал такой класс
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
public class CircleView extends View {
 
    public CircleView(Context context) {
        super(context);
    }
    
    public CircleView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    
    public CircleView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }
    
    
    @Override
    protected void onDraw(Canvas canvas) {
        //super.onDraw(canvas);
        Path path = new Path();
        int h=canvas.getHeight();
        int w=canvas.getWidth();
        int r=h;
        path.addCircle(w, h, r, Path.Direction.CW);
        canvas.clipPath(path);
 
    }
 
}
Создал разметку
XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    
    <com.tests.hor.CircleView
        android:id="@+id/single_picture"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/lev"
        />
    
 
</LinearLayout>
Написал активити
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
package com.tests.hor;
 
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
 
public class HorActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.one_picture);
        CircleView onePicture=(CircleView)findViewById(R.id.single_picture);
        onePicture.invalidate();
       
            } 
    }
}
Бэкграунд рисует, больше ничего не делает.

В документации по классу View написано, что параметр canvas, передаваемый в метод OnDraw - это холст на котором рисуется бекграунд. Соответственно, чтобы вывести на экран обрезанное изображение я должен обрезать этот cavas методом canvas.clippath(path). Что я делаю не так?
0
 Аватар для Bes-s
31 / 31 / 0
Регистрация: 05.11.2011
Сообщений: 178
02.07.2012, 07:25
после того как канвас обрезали, надо на нем что либо нарисовать... вот еще кусок кода, забыл к прошлому прилепить:
Java
1
2
3
4
Paint paint = new Paint();
paint.setFilterBitmap(true);
 
canvas.drawBitmap(bitmap, w, h, paint);
1
 Аватар для kvaka
31 / 31 / 3
Регистрация: 26.06.2012
Сообщений: 166
03.07.2012, 01:23  [ТС]
Метод OnDraw переопределил так:

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
protected void onDraw(Canvas canvas) {
        Path path = new Path();
        int h=canvas.getHeight();
        int w=canvas.getWidth();
        float r=w/2-10;
        path.addCircle(w/2, h/2, r, Path.Direction.CW);
        canvas.clipPath(path);
        Resources res=getResources();
        Paint paint=new Paint(Paint.ANTI_ALIAS_FLAG);
        BitmapDrawable bd=(BitmapDrawable)res.getDrawable(R.drawable.deva);
        Bitmap bitmap=bd.getBitmap();
        float x1=w/2-r;
        float x2=w/2+r;
        float y1=h/2-r;
        float y2=h/2+r;
        RectF dst=new RectF(x1,y1,x2,y2);
        canvas.drawBitmap(bitmap,null,dst,paint);
 
    }
Теперь рисуется впринципе как задумывалось. Правда есть у меня сомнения по поводу того, что как-то коряво я достаю битмэп из ресурса, но это лирика....
И еще - бекграунд для элемента надо убирать - он рисуется полюбас фоном переопределять onDraw или нет и на canvas особо не смотрит.

А данная запись на родном сайте ввела меня в заблуждение:

protected void onDraw (Canvas canvas)
Since: API Level 1

Implement this to do your drawing.
Parameters:
canvas - the canvas on which the background will be drawn

или же я что-то недопонял?
0
 Аватар для Bes-s
31 / 31 / 0
Регистрация: 05.11.2011
Сообщений: 178
03.07.2012, 02:02
тут не надо понимать)) просто рисуйте.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
03.07.2012, 02:02
Помогаю со студенческими работами здесь

Кнопка нестандартной формы
Может кто-то сталкивался в версткой такой или похожей кнопки? Или просто видел что-то похожее реализованное? Есть возможность отрисовать ее...

PictureBox нестандартной формы
Доброго времени суток дорогие форумчане, пишу проект игрового лаунчера, и вот мне надо сделать картинки Login, Exit, Settigns но они не...

Кнопка нестандартной формы
Здравствуйте! Подскажите пожалуйста, как сделать кнопку в виде картинки? То есть, вставить картинку, а потом чтобы можно было на нее...

Кнопка нестандартной формы
Нужно создать кнопку нестандартной формы, как показано на картинке. Собственно, технически это может быть и не кнопка вовсе, а, например,...

Кнопка нестандартной формы
Нужно создать кнопку нестандартной формы, как показано на картинке. Собственно, технически это может быть и не кнопка вовсе, а, например,...


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

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru