Форум программистов, компьютерный форум, киберфорум
Наши страницы

C#: WPF, UWP и Silverlight

Войти
Регистрация
Восстановить пароль
 
EvgAn
0 / 0 / 0
Регистрация: 07.04.2017
Сообщений: 8
#1

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

27.09.2011, 19:30. Просмотров 978. Ответов 0
Метки нет (Все метки)

Новичок в SL

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

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

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

XML
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
<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>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.09.2011, 19:30
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Обрезание больших картинок, скроллинг по картинке (C# WPF):

Обрезание необходимой области по пикселям - C#
Собственно есть изображение, я знаю координаты прямоугольника, который мне нужно вырезать из этого изображения(находятся вблизи центра) ...

.NET 4.x Как реализовать скроллинг больших изображений мышкой - C#
Форумчане, помогите, столкнулся с такой проблемой, имеются большие изображения, и для удобства сткроллинг нужно сделать не полосами...

Проект не сохраняется после добавления пары больших картинок - C++ Builder
Проект является простой игрой. Картинок там не так уж много - штук 70-80 небольших, а больших (фон на весь экран) всего пара. Все в формате...

При копирование больших картинок, картинка не полностью копируется (file_put_contents) - PHP
Добрый день при копировании картинки с функцией file_put_contents, если картинка больше 380кб, почему-то не вся копируется. В чем может...

Обрезание текста - PHP
4 Главная страница с материалами. Материалы должны выводиться на главной странице в формате Заголовок (линк на материал), текст...

обрезание строки - Delphi
есть код отрисовки listbox'a, как сделать обрезание строки, если символы доходят до отображения функции lentime? сам код: ...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
27.09.2011, 19:30
Привет! Вот еще темы с ответами:

Обрезание названия - C (СИ)
char S2 = &quot;parity&quot;; char S1 = &quot;input.dat&quot;; char S3 = &quot;&quot;; char S4 = &quot;&quot;; FILE *out; FILE *in; float a; int i; for (i...

обрезание строки - C++ Builder
вообщем задача E:\дипломный проект\тестовый\priclad\1.rtf обрезать до вида priclad\1.rtf помогите хоть намеками, а то со строками...

Обрезание строки - PHP
Вечер добрый. Пытаюсь получить из строки массив и не могу понять результат цикла: $str = 'privet'; for ($i = 0; $i &lt;= strlen($str);...

Обрезание ссылки - HTML, CSS
Есть определенная ссылка в списке, выглядит примерно так: &lt;li&gt; &lt;span id=&quot;numberPos&quot;&gt;1&lt;/span&gt; &lt;div id=&quot;cblock&quot;...


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

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

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