Форум программистов, компьютерный форум, киберфорум
Наши страницы
C#: WPF, UWP и Silverlight
Войти
Регистрация
Восстановить пароль
 
EvgAn
0 / 0 / 0
Регистрация: 07.04.2017
Сообщений: 8
#1

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

27.09.2011, 19:30. Просмотров 1007. Ответов 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
Ответы с готовыми решениями:

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

Проект не сохраняется после добавления пары больших картинок
Проект является простой игрой. Картинок там не так уж много - штук 70-80...

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

Программа зависает с потоками в 64 - битной системе при открытии очень больших картинок
Вот таким способом я подгружаю картинки в свой вьювер. Friend Class...

Обрезание строки!
Подскажите как обрезать не нужные симовлы после пробела НапримерСторка:...

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

Обрезание картинки?
Подскажите скрипт для того что бы обрезать картинку размеров 150х100?

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

Обрезание ссылки
Есть определенная ссылка в списке, выглядит примерно так: &lt;li&gt; &lt;span...


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

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

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