Windows Phone 8.1 메시징 응용 프로그램에서 텍스트 컨트롤이 사용되었습니다

Question

WP 탭 메시지 응용 프로그램과 비슷한 텍스트 컨트롤이 필요합니다. 아래쪽 화살표는 '왼쪽 상단'과 '오른쪽 하단'을 가리키며 아래 화살표가 &입니다. 나는 하나를 찾을 수 없다. 비슷한 컨트롤을 사용하는 'whapsapp', 'line'등과 같은 다른 앱도 보았습니다.

해당 기능과 함께 사용할 수있는 기존/opensource 컨트롤이 있습니까? 모든 포인터 또는 링크는 매우 유용합니다.

덕분에, 아마르

Answer 1

이것은 사용자 지정 컨트롤을 필요로하지 않습니다. 일반 TextBox 또는 TextBlock을 만들고 그 아래 또는 위에 삼각형을 추가 할 수 있습니다. 사람이 채팅을하고있는 왼쪽 또는 오른쪽 기반을 선택하는 템플릿 선택기를 사용

XAML을 :

<Page.Resources> 
    <DataTemplate x:Key="ChatTemplateR"> 
     <StackPanel Margin="30,2,0,2"> 
      <Border Background="{Binding Fill}" > 
       <TextBlock MinWidth="200" Text="{Binding Text}" TextWrapping="Wrap" Margin="5"/> 
      </Border> 
      <Path x:Name="DownRightTri" 
        HorizontalAlignment="Right" 
        Margin="0,0,10,0" 
        Fill="{Binding Fill}" 
        Data="M0,0 H10 V10" /> 

     </StackPanel> 
    </DataTemplate> 
    <DataTemplate x:Key="ChatTemplateL"> 
     <StackPanel Margin="0,2,30,2" > 
      <Path x:Name="UpLeftTri" 
        HorizontalAlignment="Left" 
        Margin="10,0,0,0" 
        Fill="{Binding Fill}" 
        Data="M0,-5 V5 H10 " />   
      <Border Background="{Binding Fill}" > 
       <TextBlock MinWidth="200" Text="{Binding Text}" TextWrapping="Wrap" Margin="5"/> 
      </Border> 


     </StackPanel> 
    </DataTemplate> 
    <local:ChatTemplateSelector x:Key="ChatSelector" LeftTemplate="{StaticResource ChatTemplateL}" RightTemplate="{StaticResource ChatTemplateR}"/> 
</Page.Resources> 

<Grid> 
    <ListView x:Name="lv" ItemTemplateSelector="{StaticResource ChatSelector}"/> 
</Grid> 

TemplateSelector : 대답에 대한

class ChatTemplateSelector: DataTemplateSelector 
{ 
    public DataTemplate LeftTemplate { get; set; } 
    public DataTemplate RightTemplate { get; set; } 

    protected override DataTemplate SelectTemplateCore(object item, DependencyObject container) 
    { 
     DataItem di = (DataItem)item; 
     DataTemplate dt = di.IsLeft ? this.LeftTemplate : this.RightTemplate; 
     return dt; 
    } 
}