iT邦幫忙

0

WPF XAML 按鈕跟著圖片位置做變化 響應圖片定位連結按鈕

  • 分享至 

  • xImage

程式碼更新 11:21 有點接近但好像也不能

目前程式碼
圖片是 室內平面圖也就是有 主臥室 陽台 廚房等...
然後 目前設定是 800X450 現在放的位置可以再不調整大小定位
但我視窗一旦縮放 按鈕會在原地 並且偏離平面圖上的位置
有辦法讓按鈕再縮放的時候可以黏著圖片的地位放大縮小嗎
類似網頁的圖片連結那樣 放大縮小 圖片的某塊區域還是一樣的連結
GIF:https://imgur.com/a/rLjmEqy

<Window x:Class="ImageWPF.MainWindow"
        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"
        xmlns:local="clr-namespace:ImageWPF"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Image Source="/Image/w644.jpg" Stretch="Uniform" Grid.RowSpan="10" Grid.ColumnSpan="10"/>
        <Button Width="Auto" Height="Auto" Grid.Row="1" Grid.Column="2" Margin="10">
            陽台
        </Button>
        <Button Width="Auto" Height="Auto" Grid.Row="3" Grid.Column="3" Margin="10" RenderTransformOrigin="3.283,6.337">
            臥室
        </Button>
    </Grid>
</Window>
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答