Windows Phone 7 上的列表框上的捏合缩放

Question

我正在尝试向数据绑定列表框添加捏合缩放功能。做到这一点最有效的方法是什么？我已将列表框放置在网格控件内并使其可滚动。

这是我当前的代码。

    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="10,0,10,10" Background="Black" >
        <ListBox Name="lstText" FontSize="24"  Foreground="White" SelectionMode="Single" Margin="10,0,10,10"  ScrollViewer.VerticalScrollBarVisibility="Visible"  >
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel >
                        <TextBlock Text="{Binding Text}" TextWrapping="Wrap"></TextBlock>                           
                    </StackPanel>                        
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
    <toolkit:GestureService.GestureListener>
        <toolkit:GestureListener 
            Tap="GestureListener_Tap" 
            PinchCompleted="GestureListener_PinchCompleted"
            Flick="GestureListener_Flick">

        </toolkit:GestureListener>
    </toolkit:GestureService.GestureListener>

Answer 1

列表框不设计为缩放（通过捏合或任何其他方法）。

如果您想实现这一点，您必须以不同的缩放级别重新绘制内容。
不过，您需要克服许多问题：

• 如何通知用户他们可以通过这种方式更改文本大小？
• 如何避免影响滚动和选择列表框中项目的标准行为。
• 对于换行和当前显示的文本，滚动应该如何表现？
• 列表不应用于在手机上显示大量文本。如果您需要显示大量文本，请在列表中添加一个简短的“标题”，然后在另一个页面中显示详细信息。这样，列表中的文本始终可以以足够大的方式显示，无需更改并且始终可读。
• 这是您正在努力克服的真正问题还是您认为拥有的东西会很好？手机不仅仅用于您的应用程序，所以如果用户仍然需要在操作系统和其他应用程序中使用具有固定文本大小的列表，那么为什么您需要这个呢？
• 当您更改文本大小时，框架会重新绘制列表中的所有内容，因此您可能会遇到潜在的性能问题。您可以考虑使用延迟加载，只需在缩放时重新绘制屏幕上显示的内容，但这将影响您如何确定尺寸变化时显示的顶部（和底部）。

总结：这几乎肯定是不必要的，而且会非常复杂并且很难做好。如果你真的想尝试一下，然后发布任何问题的代码。

Answer 2

Alex Yakhnin 提供了滚动长文本的解决方案。

为 WP7 创建可滚动 TextBlock 。 - Alex Yakhnin 的博客

您可以将 TextBlock 包装在 ScrollViewer 中，这可能足以满足您的需求。如果你的文字足够长，随着文字变大，你会遇到各种各样的困难。 Alex 的解决方案是一个控件，它将 StackPanel 包装在 ScrollViewer 中，并将 TextBlock 添加到 StackPanel 的可管理部分中。

Answer 3

我自己用manipulationDelta完成了这一点，但它一点也不顺利

在类属性中

 x:local="clr-namespace:YourApplicationNamespace"

在XAML中：

<Grid x:Name="LayoutRoot"  ManipulationDelta="LayoutRoot_ManipulationDelta">
   <Grid.Resources>
       <local:CustomSettings x:Key="Settings"/>
       <DataTemplate x:Key="verseDataTemplate">
          <TextBlock FontSize="{Binding Path=Font35, Source={StaticResource Settings}}" 
                     Text="{Binding}"/>
       </DataTemplate>
   </Grid.Resources>
   <ListBox ItemTemplate="{StaticResource verseDataTemplate}"/>

在后面的代码中：

private void LayoutRoot_ManipulationDelta(object sender, ManipulationDeltaEventArgs e)
    {
        try
        {
            var fnt = lboVerses.FontSize;
            if (e.DeltaManipulation.Scale.X == 0 || e.DeltaManipulation.Scale.Y == 0) return;
            if (e.DeltaManipulation.Scale.X > 1 || e.DeltaManipulation.Scale.Y > 1)
            {
                if (fnt < 72)
                   BibliaSettings.font35++;
            }
            else if (e.DeltaManipulation.Scale.X < 1 || e.DeltaManipulation.Scale.Y < 1)
            {
                if (fnt > 5)
                    BibliaSettings.font35--;
            }
        }
        catch (Exception x)
        {
            Debugger.Log(0, "Errors", x.Message + "\n" + x.StackTrace);
        }
    }

您的CustomSettings类

public class CustomSettings : INotifyPropertyChanged
{
    public static List<CustomSettings> Instances;
    public CustomSettings()
    {
        if (Instances == null) Instances = new List<CustomSettings>();
        Instances.Add(this);
    }
    public static int font35
    {
        get 
        {
            return Get("Font35", 35); //Provide mechanism to get settings
        }
        set
        {
            Save(value, "Font35");//Provide mechanism to store settings
            Instances.ForEach(inst => inst.OnPropertyChanged("Font35"));
        }
    }
    public int Font35
    {
        get
        {
            return font35;
        }
        set
        {
            font35=value;
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    [NotifyPropertyChangedInvocator]
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
            handler(this, new PropertyChangedEventArgs(propertyName));
    }
}