WPF - Tạo các nút bằng mũi tên lên và xuống bằng các nút tiêu chuẩn

Question

Tôi muốn tạo một số nút lên và xuống bằng nút tiêu chuẩn nhưng có mũi tên màu đen.

Cách tốt nhất để thực hiện việc này với WPF là gì ??

Malcolm

Answer 1

Tôi tìm Marlett (một phông chữ được tích hợp trong Windows) thuận tiện cho những thứ đó.

<Button FontFamily="Marlett" FontSize="20" Content="5"/> 
<Button FontFamily="Marlett" FontSize="20" Content="6"/> 

Answer 2

Bạn có thể tạo một Polygon đại diện của bạn lên và xuống tam giác và sau đó đặt chúng vào được nội dung của các nút:

<Button> 
    <Polygon 
    Points="300,200 450,200 375,300 300,200" 
    Stroke="Black"> 
    <Polygon.Fill> 
     <SolidColorBrush Color="Black" /> 
    </Polygon.Fill> 
    </Polygon> 
</Button> 

Bạn có thể tinh chỉnh này để vẽ khác nhau có hình vẽ, nhưng đó là nói chung XAML bạn sẽ sử dụng cho hình học cơ bản.

Answer 3

Không thảo luận về chủ đề này sẽ được hoàn thành mà không nhắc đến hình học mini-ngôn ngữ (hoặc Path Markup Syntax) cho một định nghĩa hình dạng nhỏ gọn hơn: -

<Button> 
    <Path Fill="Black" Data="M 0 6 L 12 6 L 6 0 Z"/> 
    </Button> 
    <Button> 
    <Path Fill="Black" Data="M 0 0 L 6 6 L 12 0 Z"/> 
    </Button> 

Đầu tiên mô tả một Di chuyển đến 0,6 Line 12 , 6 Line đến 6.0 và sau đó đóng hình dạng (Z).

Ngoài ra còn có cú pháp đường cong.

Answer 4

Nếu bạn muốn có một mũi tên với hình chữ nhật cơ sở bạn có thể sử dụng mẫu này ...

<Button > 
    <Polygon Stretch="Fill" Fill="Black" Points="0,0 0,30 0,10 30,10 30,-10 45,10 30,30 30,20 0,20 0,0 30,0 30,10 0,10" /> 
</Button> 

Answer 5

Cách ưa thích để làm điều này hiện đang sử dụng Segoe UI Symbol. Nó thay thế Marlett và cung cấp nhiều glyphs hữu ích. Lên và xuống sẽ là

<Button FontFamily="Segoe UI Symbol" Content="&#xE110;"/> 
<Button FontFamily="Segoe UI Symbol" Content="&#xE1FD;"/> 

Phông chữ này được cài đặt sẵn trên tất cả các phiên bản của cửa sổ 7+.