Silverlight: используйте переходный процессContentControl для анимирования сетки от чтения только для редактирования режима -- silverlight поле с участием silverlight-4.0 поле с участием transition пол Связанный проблема

Silverlight: Use TransitioningContentControl to animate a grid from read-only to edit mode


1
vote

проблема

русский

Я использую Silverlight 4.0, и у меня есть простая сетка, в которой отображаются некоторые детали, связанные с пользователем, как название, телефон NO. Адрес и т. Д. Первоначально текстовые ящики находятся в режиме только для чтения. Текстовые ящики становятся редактируемыми, когда пользователь нажимает на ссылку «Обновить информацию об обновлении» (в той же решетке). Теперь я пробую простой эффект перехода от «только для чтения» на «редактируемый» режим ..

Вот код XAML

 <код>  <layoutToolkit:TransitioningContentControl x:Name="tcc"                                                Grid.Row="1"                                                BorderThickness="1">         <layoutToolkit:TransitioningContentControl.Content>             <Grid x:Name="grd1" Background="White">                 <Grid.ColumnDefinitions>                     <ColumnDefinition Width="Auto" />                     <ColumnDefinition Width="Auto" />                  </Grid.ColumnDefinitions>                  <Grid.RowDefinitions>                     <RowDefinition Height="Auto" />                     <RowDefinition Height="Auto" />                     <RowDefinition Height="Auto" />                 </Grid.RowDefinitions>                  <TextBlock Text="Name" Grid.Row="0"  Grid.Column="0"/>                  <TextBox x:Name="txtName" Grid.Column="1" Grid.Row="0" IsReadOnly="True"></TextBox>                  <TextBlock Text="Email" Grid.Row="1"  Grid.Column="0"/>                  <TextBox x:Name="txtEmail" Grid.Column="1" Grid.Row="1" IsReadOnly="True"></TextBox>                 <Button x:Name="ChangeContent" Content="Updatee Info" Click="ChangeContent_Click" Grid.Column="1" Grid.Row="2"></Button>             </Grid>         </layoutToolkit:TransitioningContentControl.Content>     </layoutToolkit:TransitioningContentControl>   

и в кнопке нажатие на событие

 <код> private void ChangeContent_Click(object sender, System.Windows.RoutedEventArgs e)     {         //tcc.Content = DateTime.Now.ToString();        txtName.IsReadOnly = false;        txtEmail.IsReadOnly = false;                }   

Как я могу добиться эффекта перехода в этом сценарии?

Английский оригинал

I am using Silverlight 4.0 and I have a simple grid in which some user related details are shown, like name, phone no. address, etc. Initially the textboxes are in read-only mode. Textboxes become editable when a user clicks on "Update Info" link (in the same grid). Now I am trying out a simple transition effect from "read-only" to "editable" mode..

here's the xaml code

 <layoutToolkit:TransitioningContentControl x:Name="tcc"                                                Grid.Row="1"                                                BorderThickness="1">         <layoutToolkit:TransitioningContentControl.Content>             <Grid x:Name="grd1" Background="White">                 <Grid.ColumnDefinitions>                     <ColumnDefinition Width="Auto" />                     <ColumnDefinition Width="Auto" />                  </Grid.ColumnDefinitions>                  <Grid.RowDefinitions>                     <RowDefinition Height="Auto" />                     <RowDefinition Height="Auto" />                     <RowDefinition Height="Auto" />                 </Grid.RowDefinitions>                  <TextBlock Text="Name" Grid.Row="0"  Grid.Column="0"/>                  <TextBox x:Name="txtName" Grid.Column="1" Grid.Row="0" IsReadOnly="True"></TextBox>                  <TextBlock Text="Email" Grid.Row="1"  Grid.Column="0"/>                  <TextBox x:Name="txtEmail" Grid.Column="1" Grid.Row="1" IsReadOnly="True"></TextBox>                 <Button x:Name="ChangeContent" Content="Updatee Info" Click="ChangeContent_Click" Grid.Column="1" Grid.Row="2"></Button>             </Grid>         </layoutToolkit:TransitioningContentControl.Content>     </layoutToolkit:TransitioningContentControl> 

and in the button click event

private void ChangeContent_Click(object sender, System.Windows.RoutedEventArgs e)     {         //tcc.Content = DateTime.Now.ToString();        txtName.IsReadOnly = false;        txtEmail.IsReadOnly = false;                } 

How can I achieve a transition effect in this scenario?

</div
        

Список ответов

3
 
vote
vote
Лучший ответ
 

Я не очень знаком с TransitioningContentControl , но я думаю, что для этого контроль нужно работать, вам необходимо переключить <код> Content , а не просто свойство <код > Control внутри него. Для достижения необходимого перехода вы можете создать пользовательский (или модифицировать существующий) <код> ControlTemplate для текстового поле с пользовательским <код> VisualState именованный «readonly» и <код> Storyboard код> в нем для необходимого эффекта. Или вы можете создать два разных <код> Grid элементы управления, один с <код> ReadOnly интерфейс и один с <код> Editable интерфейсом и в вашем коде, просто переключайтесь между ними. < / P >.

Следующая ссылка имеет рабочий пример о том, как использовать <код> TransitioningContentControl : http://firstflobsoftware.com/blog/animated-page-navigate-in-sl3/

 

I am not much familiar with TransitioningContentControl, but I think for that control to work, you need to switch the Content itself and not just a property of a Control inside it. To achieve the needed transition, you can create a custom (or modify existing) ControlTemplate for the textbox with a custom VisualState named 'ReadOnly' and a Storyboard in it for the needed effect. Or you can create two different Grid controls, one with ReadOnly interface and one with Editable interface and in your code, just switch between them.

The following link has a working example on how to use TransitioningContentControl : http://firstfloorsoftware.com/blog/animated-page-navigation-in-sl3/

</div
 
 
 
 

Связанный проблема

2  Не может разрешить TargetProperty при использовании раскадровки в WinRT  ( Cannot resolve targetproperty when using storyboard in winrt ) 
Я пытаюсь установить раскадровку в коде позади, но исключение брошено каждый раз, когда говорят "не может разрешить TargetProperty (Uilement.RenderTransform...

1  Как клавиши F11 Отключить  ( How to disable f11 key ) 
<Р> Я хочу, чтобы отключить F11 ключ в моем Silverlight приложения, потому что я не хочу, пользователю переключаться в полноэкранный режим. <Р> Или есть спо...

1  Silverlight NumericUpDown ValueChanging срабатывает дважды  ( Silverlight numericupdown valuechanging triggered twice ) 
<Р> Я с помощью элемента управления NumericUpDown из Silverlight Control Toolkit, что иногда Тригер дважды событие ValueChanging на одно обновление (нажав толь...

4  Какой контроль используется в Kindle для Windows Phone 7  ( Whats the control used in kindle for windows phone 7 ) 
Мне было интересно, какой элемент управления Amazon использовал для отображения текста в своем приложении для Windows Phone 7? Должен быть какой-то пользовате...

3  ASP.NET и WCF RIA Услуги  ( Asp net and wcf ria services ) 
имеет смысл использовать asp.net приложений (или приложений, которые представляют собой MICKure of asp.net и silverlight ) вместе с WCF RIA Services ? ...

1  Silverlight Prism, создает представление и передавать данные в ViewModel  ( Silverlight prism instantiate a view and pass data into the viewmodel ) 
Я оглянулся и еще не нашел много информации о этом. У меня есть проект призмы, и все это, кажется, работают до сих пор, в пределах основного класса модуля, ко...

0  Безопасность прямой таблицы доступа с структурой объекта  ( Direct table access security with entity framework ) 
Приветствия! Я недавно построил шаблон для одного из моих клиентов, который включает много новых функций, а не наименее из которых является EF / WCF RIA. В...

0  Как получить доступ в Attribut App.xaml.cs  ( How to access in attribut app xaml cs ) 
У меня есть класс "app.xaml.cs" и другой класс "list.xaml.cs" в том же проекте в классе «app.xaml.cs», у меня есть атрибут публичной статической строки клиент...

15  Согласите команду при нажатии клавиши «Ввод» в XAML  ( Invoke command when enter key is pressed in xaml ) 
Я хочу вызвать команду при вводе нажатия в <код> TextBox . Рассмотрим следующий XAML: <код> <UserControl ... xmlns:i="clr-namespace:System.Windows...

3  Silverlight Editable Combo Box  ( Silverlight editable combo box ) 
Я хочу использовать COMOBOX, который редактируется в моем проекте Silverlight, но Silverlight не обеспечивает такого контроля. Если кто-то знает, как создать ...

2  BitmapImage для растрового изображения  ( Bitmapimage to bitmap ) 
hy Как я могу преобразовать растровое изображение в растровое изображение в Silverlight 4? Спасибо! ...

0  Как просматривать изображение, используя OpenFileDialog и сохранить его в папке на изображениях - Silverlight OOB - VB  ( How to browse an image using openfiledialog and save it in images folder silve ) 
Я разрабатываю приложение Silverlight OB с использованием VB, и мне нужно реализовать метод, в котором пользователь выбирает изображение (.png) файлом OpenFil...

10  Прикрепленные свойства как элементы XAML  ( Attached properties as xaml elements ) 
У меня есть класс прикрепленных свойств: <код> public static class XamlProps { #region Attached Properties private static readonly DependencyProper...

6  Инструменты производительности и диагностики для Silverlight  ( Performance and diagnostics tools for silverlight ) 
WPF 3.5 имеет ПрезентацияTracesources для диагностики и wpfperf для диагностики характеристики и связывания данных. Есть ли эквивалентные инструменты / ...

0  Silverlight DataGrid - Получение данных?  ( Silverlight datagrid getting the data ) 
Это может звучать глупо .... Я следовал Скотту Моррисоны Блог и внедрил DataGrid Silverlight и заполнил его некоторыми данными. Мой вопрос сейчас есть, когд...




© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.