Программно добавить круглый Border и Image в нем, с условием, что изображение не будет вылазить за Border

@White_Tomato · Регистрация: 01.04.2018

Author24 — интернет-сервис помощи студентам

Здравствуйте всем!
Перерыл весь интернет, но нигде не нашел подходящей инфы. (Может искал не там)

Как уже и описано в заголовке, мне нужно скруглять изображение Border'ом, при помощи разметки я это смогу сделать, а вот программное добавление не получается. Получается, что изображение получается квадратным на круглом бордере.)))

При помощи XAML я делаю это так:

XML

                        <Border Cursor="Hand" HorizontalAlignment="Right" Width="90" Height="90" Margin="0,0,50,0">
                            <Border.OpacityMask>
                                <VisualBrush>
                                    <VisualBrush.Visual>
                                        <Border CornerRadius="1" Width="1" Height="1" Background="White"/>
                                    </VisualBrush.Visual>
                                </VisualBrush>
                            </Border.OpacityMask>
                            <Image Stretch="Fill" Source="Resources\logo_night.png" Cursor="Hand"/>
                        </Border>

Мне нужно точно также сделать только программно. Методом тыка не получилось, не нашел как настраивать OpasityMask, Visual Brash, и т.д.
Буду оченнь благодарен за помощь!☺

@Элд Хасп · 05.01.2019, 13:19

Сообщение от White_Tomato

Мне нужно точно также сделать только программно.

А Вы уверены, что пошли правильным путём?
По концепции WPF, задачи программного (из кода C# в CB окна) изменения WPF элементов, вообще, не должно возникать.
Вероятно, Вы неверно реализовываете поставленную задачу.

@White_Tomato · 16.01.2019, 11:20 **[ТС]**

Я думаю, что да. Мне нужно добавлять программно изображения, но чтоб они были круглыми. Ну, обычный Image с ссылкой на озображением. И чтоб изображение было круглое. Как например аватарки в контакте, в диалогах и прочее.

@Рядовой · 16.01.2019, 11:29

Сообщение от White_Tomato

Мне нужно добавлять программно изображения, но чтоб они были круглыми

XML

<Image Name="st" Source="E://1.jpg">
            <Image.Clip>
                <EllipseGeometry Center="100,100" RadiusX="100" RadiusY="100" />
            </Image.Clip>
        </Image>

@White_Tomato · 16.01.2019, 12:24 **[ТС]**

Рядовой, спасибо, помог очень! Это то, что мне нужно!

Программно добавил так.

C#

Image img = new Image() {Cursor = Cursors.Hand, Stretch = Stretch.Fill, Width = 100, Height = 100};
                img.Source = new BitmapImage(new Uri(@"D:\New_rules\Resourses\Images\1.png", UriKind.RelativeOrAbsolute));
                img.Clip = new EllipseGeometry() {RadiusX = 50, RadiusY = 50, Center = new Point(50,50)};
                stp.Children.Add(img);

@Рядовой · 16.01.2019, 12:37

White_Tomato,

XML

<Image Name="st" Source="E://1.jpg">
            <Image.Clip>
                <EllipseGeometry Center="100,100" RadiusX="100" RadiusY="100" />
            </Image.Clip>
        </Image>

этот код оставьте в xaml, просто меняйте источник изображения

C#

1	st.Source = new BitmapImage(new Uri(@"D:\New_rules\Resourses\Images\1.png", UriKind.RelativeOrAbsolute));

@Элд Хасп · 16.01.2019, 12:51

White_Tomato, прислушайтесь к совету

Сообщение от Рядовой

этот код оставьте в xaml, просто меняйте источник изображения

и даже больше. Сделайте свойство в VM для привязки Source и меняйте это свойство, а не свойство элемента.
Хотите научиться создавать нормальные WPF приложения - забудьте об использовании имён элементов!
Не тяните эти приёмы из WinForms в WPF!

@White_Tomato · 17.01.2019, 12:44 **[ТС]**

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

@Элд Хасп · 17.01.2019, 12:52

Сообщение от White_Tomato

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

Ну, для начала не MVVM, а не WMMW.
Прочитайте из топика раздела Готовые решения, примеры и рекомендации начинающим на WPF [Элд Хасп]

Добавлено через 1 минуту
Что за задача у Вас в общем? Будет возможность - помогу.

@White_Tomato · 21.01.2019, 07:31 **[ТС]**

Пишу простенький мессенджер. Есть уже 2 версии, которые работают. Но я еще решил сделать аватарки. И мне нужно было их скруглить, при выводе списка диалогов. Вот и с именами отправителя, с последними сообщениями пытался добавить еще и круглые авы. И раз не могу понять как правильно работать с MVVM, использую многопоточность.

@Элд Хасп · 21.01.2019, 10:17

Сообщение от White_Tomato

И раз не могу понять как правильно работать с MVVM, использую многопоточность.

Это параллельные темы. MVVM - определяет в целом принцип разделения приложения на три части:

Модель (Model) - обработка данных
Представление (View) - отображение данных
Модель представления (ViewModel) - согласование между представлением и моделью

Каждая из них, конечно, в зависимости от реализации может состоять из множества других частей (или подчастей?).

Многопоточность же, в основном, относится к способам получения, обработки данных. И, соответственно, чаще всего используется в Модели.

В Вашем случае Вам для начала надо явно выделить данные и их обработку в отдельный проект - Модель.
А как отображать их: WinForms, WPF или на Консоли - это уже относится к View и не должно влиять на Модель.

@Элд Хасп Модератор 15854 / 11000 / 2854 Регистрация: 21.04.2018 Сообщений: 32,311 Записей в блоге: 2
	05.01.2019, 13:19	2
	Сообщение от White_Tomato Мне нужно точно также сделать только программно. А Вы уверены, что пошли правильным путём? По концепции WPF, задачи программного (из кода C# в CB окна) изменения WPF элементов, вообще, не должно возникать. Вероятно, Вы неверно реализовываете поставленную задачу. 0

@White_Tomato 2 / 2 / 0 Регистрация: 01.04.2018 Сообщений: 11
	16.01.2019, 11:20 [ТС]	3
	Я думаю, что да. Мне нужно добавлять программно изображения, но чтоб они были круглыми. Ну, обычный Image с ссылкой на озображением. И чтоб изображение было круглое. Как например аватарки в контакте, в диалогах и прочее. 0

@Элд Хасп Модератор 15854 / 11000 / 2854 Регистрация: 21.04.2018 Сообщений: 32,311 Записей в блоге: 2
	16.01.2019, 12:51	7
	White_Tomato, прислушайтесь к совету Сообщение от Рядовой этот код оставьте в xaml, просто меняйте источник изображения и даже больше. Сделайте свойство в VM для привязки Source и меняйте это свойство, а не свойство элемента. Хотите научиться создавать нормальные WPF приложения - забудьте об использовании имён элементов! Не тяните эти приёмы из WinForms в WPF! 1

@White_Tomato 2 / 2 / 0 Регистрация: 01.04.2018 Сообщений: 11
	17.01.2019, 12:44 [ТС]	8
	Я слишком глуп, чтоб уметь использовать WMMW. Нет, рил не хватает мозгов! Может инфы не нашел стоящей... Но я даже понять не могу WMMW. 0

@Элд Хасп Модератор 15854 / 11000 / 2854 Регистрация: 21.04.2018 Сообщений: 32,311 Записей в блоге: 2
	17.01.2019, 12:52	9
	Сообщение от White_Tomato Я слишком глуп, чтоб уметь использовать WMMW. Нет, рил не хватает мозгов! Может инфы не нашел стоящей... Но я даже понять не могу WMMW. Ну, для начала не MVVM, а не WMMW. Прочитайте из топика раздела Готовые решения, примеры и рекомендации начинающим на WPF [Элд Хасп] Добавлено через 1 минуту Что за задача у Вас в общем? Будет возможность - помогу. 1

@White_Tomato 2 / 2 / 0 Регистрация: 01.04.2018 Сообщений: 11
	21.01.2019, 07:31 [ТС]	10
	Пишу простенький мессенджер. Есть уже 2 версии, которые работают. Но я еще решил сделать аватарки. И мне нужно было их скруглить, при выводе списка диалогов. Вот и с именами отправителя, с последними сообщениями пытался добавить еще и круглые авы. И раз не могу понять как правильно работать с MVVM, использую многопоточность. 0

@Элд Хасп Модератор 15854 / 11000 / 2854 Регистрация: 21.04.2018 Сообщений: 32,311 Записей в блоге: 2
	21.01.2019, 10:17	11
	Сообщение от White_Tomato И раз не могу понять как правильно работать с MVVM, использую многопоточность. Это параллельные темы. MVVM - определяет в целом принцип разделения приложения на три части: Модель (Model) - обработка данных Представление (View) - отображение данных Модель представления (ViewModel) - согласование между представлением и моделью Каждая из них, конечно, в зависимости от реализации может состоять из множества других частей (или подчастей?). Многопоточность же, в основном, относится к способам получения, обработки данных. И, соответственно, чаще всего используется в Модели. В Вашем случае Вам для начала надо явно выделить данные и их обработку в отдельный проект - Модель. А как отображать их: WinForms, WPF или на Консоли - это уже относится к View и не должно влиять на Модель. 1