Обрезание больших картинок, скроллинг по картинке - C# WPF - Ответ 2019403

@EvgAn · Регистрация: 07.04.2017

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

Новичок в SL

Дано: панорамная фотография (например 1500 * 300 px)
Необходимо: разместить фотографию в небольшом пространстве (например, 500 * 300 px) и посредством двух кнопок "перемещаться" по ней влево/вправо.

Вроде бы никаких проблем возникнуть не должно - используй Margin у Image, но проблема в том, что рисунок вылазит за пределы пространства которое я ему отвожу (например, если помещаю его в ячейку Grid'а). Тут тоже вроде бы проблем нет - задаю ему соответствующий Clip и рисунок обрезается. И тут возникает следующая проблема: в обработчиках кнопок приходится манипулировать свойством Margin рисунка (что меня вполне устраивает) и - делать ему TranslateTransform.
Если способ проще? Можно ли как-то задать область для рисунка, чтобы он при этом не вылезал за ее пределы при изменении только Margin?

Ниже XAML-код того, что я наваял (не ругайте сильно, первая проба пера):

XML

<UserControl x:Class="SilverlightApplication1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="500" d:DesignWidth="600" xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation">
 
    <Grid x:Name="LayoutRoot" Background="Black">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="320"></RowDefinition>
            <RowDefinition Height="100"></RowDefinition>
            <RowDefinition Height="50"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid Grid.Row="1">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"></ColumnDefinition>
                <ColumnDefinition Width="500" MaxWidth="500"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Border Name ="border" Grid.Column="1" BorderThickness="5" BorderBrush="#FFB44545" RenderTransformOrigin="0,0" CornerRadius="2">
                <Image Width="1500" Height="320" HorizontalAlignment="Left" Margin="-300,0" Name="panoramioImage" Stretch="Fill" VerticalAlignment="Top" Source="/SilverlightApplication1;component/Images/Вид%20с%20перевала%20Нарзанный.jpg" IsHitTestVisible="False" Visibility="Visible">
                    <Image.Clip>
                        <RectangleGeometry Rect="300, 0, 490, 320">
                        </RectangleGeometry>
                    </Image.Clip>
                </Image>
            </Border>
        </Grid>
        <Grid Grid.Row="3">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"></ColumnDefinition>
                <ColumnDefinition Width="50"></ColumnDefinition>
                <ColumnDefinition Width="10"></ColumnDefinition>
                <ColumnDefinition Width="50"></ColumnDefinition>
                <ColumnDefinition Width="10"></ColumnDefinition>
                <ColumnDefinition Width="50"></ColumnDefinition>
 
                <ColumnDefinition Width="*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Button Width="50" Height="50" Grid.Column="1" UseLayoutRounding="False" OpacityMask="{x:Null}" Opacity="1" Name="leftButton" Click="leftButton_Click" Foreground="{x:Null}" ClickMode="Release">
                <Button.Content>
                    <Image Source="/SilverlightApplication1;component/Images/back.png"></Image>
                </Button.Content>
            </Button>
 
            <Button Width="50" Height="50" Grid.Column="3" Name="rightButton" BorderBrush="{x:Null}" Foreground="{x:Null}" Click="rightButton_Click">
                <Button.Content>
                    <Image Source="/SilverlightApplication1;component/Images/forward.png"></Image>
                </Button.Content>
            </Button>
 
            <Button Width="50" Height="50" Grid.Column="5" Name="scaleButton" BorderBrush="{x:Null}" Foreground="{x:Null}" Click="scaleButton_Click">
                <Button.Content>
                    <Image Source="/SilverlightApplication1;component/Images/zoom +.png"></Image>
                </Button.Content>
            </Button>
        </Grid>
    </Grid>
</UserControl>

Вернуться к обсуждению:
Обрезание больших картинок, скроллинг по картинке C# WPF

Другие темы раздела
C# WPF Работа с пикселями в Canvas Здравствуйте! В канве построил графический примитив и отобразил его в окне. Теперь мне нужно просканировать вертикальную прямую шириной в 1 пиксель. Прямая отрисована цветом, отличным от примитива. На этой прямой нужно найти точку пересечения с построенным примитивом. То есть, найдя пиксель, цвет которого отличается от всех остальных на прямой, я найду точку пересечения. В битмапе был метод... https://www.cyberforum.ru/ wpf-silverlight/ thread357194.html	совет в реализации C# WPF Довольно тяжело сформулировать, что именно меня интересует), но что то вроде этого: какими средствами организовать перелистывание окон? (компоненты находящиеся в данный момент на форме смещаются вверх в итоге окончательно исчезая из виду, а с низу поднимаются другие компоненты) Можно наверно сравнить со сменой кадров в пленке скажем фотоаппарата. Интересно что бы вы использовали для решения...
C# WPF Изучение Silverlight Здравствуйте! Какие начальные знания должны быть, дабы без проблем изучить Silverlight? Если можете, расскажите, какие книги лучше прочесть. Сзаранее спасибо. https://www.cyberforum.ru/ wpf-silverlight/ thread356858.html	C# WPF Затемнение неактивного RadioButton Всем добрый день! Имею небольшую проблему. Есть форма с различными контролами. Среди них имеются 2 RadioButton'а. Поскольку форма отображает нередактируемые данные, то необходимо сделать RadioButton'ы неактивными, но при этом они затемняются(бледнеют или кому как виднее). Требуется, чтобы этого эффекта не было и они отображались как обычно, но при этом нельзя было менять их значение. ... https://www.cyberforum.ru/ wpf-silverlight/ thread356606.html
C# WPF SetPixel в WPF Здравствуйте! Подскажите, есть ли метод для отрисовки одного пикселя, например в канве, аналогичный SetPixel в System.Drawing? И можно ли использовать SetPixel для канвы? Заранее большое спасибо!	C# WPF Построение графиков. C# https://www.cyberforum.ru/ wpf-silverlight/ thread356479.html Здравствуйте! Посоветуйте что выбрать для построения графиков? Так же нужна информация про лицензию.
C# WPF Microsoft Expression Blend 4 https://www.cyberforum.ru/ wpf-silverlight/ thread355951.html Когда я определяю скажем Rectangle как пользовательский компонент TextBox, куда отобразить текст?	WPF Заполнение ListBox из БД aCCES C# WPF В C# делал просто так: listbox2.DataSource = cbs; listbox2.DisplayMember = "cat_name"; А как в WPF заполнить заполнить лист бокс из бд? Добавлено через 4 часа 4 минуты Визуально я как понял не заполняется... пытался в коде так: OleDbConnection conn = new OleDbConnection(@"Provider=Microsoft.ACE.OLEDB.12.0;Data Source=D:\Стас\вс\db\new\all.accdb"); OleDbCommand...
C# WPF WPF и база данных Access Всем привет! Есть приложения на WPF "регистрация ДТП". Есть DataGrid в WPF. <DataGrid AlternatingRowBackground="#FFA5CEEF" FontWeight="Normal" HorizontalAlignment="Stretch" ItemsSource="{Binding}" Margin="10,10,6,14" MinColumnWidth="100" Name="dataGrid1" Padding="4" RowBackground="WhiteSmoke" VerticalAlignment="Stretch" /> Кнопка для загрузки БД в DataGrid private void... https://www.cyberforum.ru/ wpf-silverlight/ thread355398.html	C# WPF Как привязать значение ComboBoxEdit к ObjectDataProvider.MethodParameters https://www.cyberforum.ru/ wpf-silverlight/ thread355311.html Всем добрый день. У меня небольшая сложность при реализации приложения возникла. Опишу ситуацию словами. Имеется 2 ComboBoxEdit на форме. Один по логике зависит от другого. Т.е. список значений во втором ComboBoxEdit зависит от выбранного значения в первом. Для загрузки словаря используется ObjectDataProvider. Проблема состоит в том, что я не знаю, как привязать выделенное значение в первом...
C# WPF локальная база данных в wpf хочу интегрировать готовую базу данных в проэкт для windows phone 7. Т.к. в нём покачто нет никаких ассистентов для создания локальных Б.Д. решил создать её в wpf проэкте, а потом перенести её используя sqlmetal в windows phone проэкт. Возможно ли используя ассистента по созданию локальной б.д. в wpf создать через оболочку отношения между таблицами? или это дело имплементируется только через...	C# WPF Как реализовать блок новостей https://www.cyberforum.ru/ wpf-silverlight/ thread354381.html Здравствуйте,подскажите как реализовать блок новостей (как на картинке ниже) Думал использовать ListView но как его правильно настроить так и не понял((( Помогите разобраться :cry: Заранее благодарен:)

	27.09.2011, 19:30