VPF::Создание элементарного вэб-интерфейса

ДобренькийПапаша

Дата 27.9.2010, 13:00 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1278
Регистрация: 14.1.2006
Где: г.Москва

Репутация: 2
Всего: 7

Попытался сделать элементарный интерфейс. Запустите в редакторе и увидите. Вопрос такой. Как сделать так, чтобы при уменьшении размеров окна, кнопки меню не наезжали на заголовок? Это раз. Второе. Как сделать так, чтобы Grid занимал весь экран, а то автоматически выставляются фиксированные ширина и высота?

Код


<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="WpfApplicationTestX.MainWindow"
    x:Name="Window"
    Title="MainWindow" >

    <Grid x:Name="LayoutRoot" ShowGridLines="True" HorizontalAlignment="Left" Width="632">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="3*">
                
            </RowDefinition>
        </Grid.RowDefinitions>
        <Grid Grid.Row="0" ShowGridLines="True">
            <Grid ShowGridLines="True"><Grid.RowDefinitions><RowDefinition></RowDefinition><RowDefinition></RowDefinition></Grid.RowDefinitions></Grid>
            <StackPanel Grid.Row="0">
            <TextBlock HorizontalAlignment="Center" Margin="0,15,0,0" Padding="5" FontSize="21.333"><Run Text="Сайт посвящённый брэйнфаку. Мазафака."/></TextBlock>
            </StackPanel>
            <StackPanel Grid.Row="1" Orientation="Horizontal" VerticalAlignment="Bottom" HorizontalAlignment="Center">
            <Button Padding="3" Margin="1" Opacity="0.75">Menu item 1</Button>
            <Button Padding="3" Margin="1" Opacity="0.75">Menu item 2</Button>
            <Button Padding="3" Margin="1" Opacity="0.75">Menu item 3</Button>
            <Button Padding="3" Margin="1" Opacity="0.75">Menu item 4</Button>
            <Button Padding="3" Margin="1" Opacity="0.75">Menu item 5</Button>
        </StackPanel>
            <Grid.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF896C6C"/>
                    <GradientStop Color="#FFFFAAAA" Offset="1"/>
                </LinearGradientBrush>
            </Grid.Background>
            
        </Grid>    
        
        <Grid Grid.Row="1">
            <Grid>        
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="0.203*"></ColumnDefinition>
                    <ColumnDefinition Width="0.594*"></ColumnDefinition>
                    <ColumnDefinition Width="0.203*"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                
                <Grid Grid.Column="0">
                    <Grid.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FF896C6C" Offset="1"/>
                        <GradientStop Color="#FFFFAAAA"/>
                    </LinearGradientBrush>
                    </Grid.Background>
                </Grid>
                <Grid Grid.Column="2">
                    <Grid.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FF896C6C" Offset="1"/>
                        <GradientStop Color="#FFFFAAAA"/>
                    </LinearGradientBrush>
                    </Grid.Background>
                </Grid>
            </Grid>
        </Grid>
    </Grid>
</Window>

--------------------

Меня зовут Себастьян Парейра, торговец чёрным деревом.

CYBERDREAM

Дата 27.9.2010, 13:05 (ссылка)

(нет голосов)

Загрузка ...

I think, there4 I am

Профиль
Группа: Завсегдатай
Сообщений: 1096
Регистрация: 31.10.2006
Где: CyberLand

Репутация: 3
Всего: 28

Код


<Grid x:Name="LayoutRoot" ShowGridLines="True" HorizontalAlignment="Stretch" Width="Auto">

--------------------

Ищем .Net, Java, Javascript разработчиков, Кипр, Лимассол. (знание английского необязательно)
Telegram, skype: kuchuk.artiom

ДобренькийПапаша

Дата 27.9.2010, 13:12 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1278
Регистрация: 14.1.2006
Где: г.Москва

Репутация: 2
Всего: 7

За это уже спасибо, а как быть с наездом кнопок (меню) на заголовк (текстблок)? Или такие вещи надо в canvas делать?

--------------------

Меня зовут Себастьян Парейра, торговец чёрным деревом.

CYBERDREAM

Дата 27.9.2010, 13:31 (ссылка)

(нет голосов)

Загрузка ...

I think, there4 I am

Профиль
Группа: Завсегдатай
Сообщений: 1096
Регистрация: 31.10.2006
Где: CyberLand

Репутация: 3
Всего: 28

я бы использовал тогда DockPanel как основу, вверху поставить Grid (с заголовком и кнопками) и Align = top
а внизу уже вся остальная лабуда

--------------------

Ищем .Net, Java, Javascript разработчиков, Кипр, Лимассол. (знание английского необязательно)
Telegram, skype: kuchuk.artiom

WolfTheGrey

Дата 27.9.2010, 13:59 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 207
Регистрация: 21.1.2009
Где: forum.vingrad.ru

Репутация: 2
Всего: 2

Есть еще контрол типа бордера не помню как называется. Так суть в том, что при сжимании формы сжимается и содержимое, а распорядок не изменяется. ТОесть ни кто ни на кого не наезжает.

exBlender

Дата 27.9.2010, 16:01 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 130
Регистрация: 2.10.2009

Репутация: 9
Всего: 9

Вы запутались в сетках. Почувствуйте разницу:

Код


    <Grid x:Name="LayoutRoot" ShowGridLines="True" >
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition />
        </Grid.RowDefinitions>
        
            <Grid ShowGridLines="True">
             <Grid.Background>
                 <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                     <GradientStop Color="#FF896C6C"/>
                     <GradientStop Color="#FFFFAAAA" Offset="1"/>
                 </LinearGradientBrush>
             </Grid.Background>
             <Grid.RowDefinitions>
                 <RowDefinition Height="Auto"/>
                 <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                
                <TextBlock HorizontalAlignment="Center" Margin="0,15,0,0" Padding="5" FontSize="21.333"><Run Text="Сайт посвящённый брэйнфаку. Мазафака."/></TextBlock>
            
             <StackPanel Grid.Row="1" Orientation="Horizontal" VerticalAlignment="Bottom" HorizontalAlignment="Center">
                 <Button Padding="3" Margin="1" Opacity="0.75" Content="Menu item 1"/>
                 <Button Padding="3" Margin="1" Opacity="0.75" Content="Menu item 2"/>
                 <Button Padding="3" Margin="1" Opacity="0.75" Content="Menu item 3"/>
                 <Button Padding="3" Margin="1" Opacity="0.75" Content="Menu item 4"/>
                 <Button Padding="3" Margin="1" Opacity="0.75" Content="Menu item 5"/>
             </StackPanel>
                
            </Grid>

        
         <Grid Grid.Row="1">
...

--------------------

HTML и CSS забыв как страшный сон, хвалу я заммэлу пою и фирме Майкрософт.

ДобренькийПапаша

Дата 28.9.2010, 10:34 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1278
Регистрация: 14.1.2006
Где: г.Москва

Репутация: 2
Всего: 7

Понял, exBlender, спасибо!

--------------------

Меня зовут Себастьян Парейра, торговец чёрным деревом.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| WPF и Silverlight \| Следующая тема »