TreeView 设置样式

参考微软demo做了 一个类似的demo

     

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="test4_Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h3>
            TreeView Custom Images Example</h3>                              
        <asp:TreeView ID="CustomTreeView" NoExpandImageUrl="../Images/1.png" 
            CollapseImageToolTip="Collapse Node" ExpandImageUrl="../Images/根节点.png" ExpandImageToolTip="Expand Node"
            RootNodeStyle-ImageUrl="../Images/1.png" ParentNodeStyle-ImageUrl="../Images/节点展开.png" LeafNodeStyle-ImageUrl="../Images/节点展开.png"
            ImageSet="Custom" runat="server">
            <Nodes>
                <asp:TreeNode Value="Home" NavigateUrl="Home.aspx" Text="Home" Target="_blank" Expanded="True">
                    <asp:TreeNode Value="Page 1" NavigateUrl="Page1.aspx" Text="Page 1" Target="_blank">
                        <asp:TreeNode Value="Section 1" ImageUrl="custom.jpg" NavigateUrl="Section1.aspx"
                            Text="Section 1" Target="_blank"></asp:TreeNode>
                    </asp:TreeNode>
                    <asp:TreeNode Value="Page 2" Selected="True" NavigateUrl="Page2.aspx" Text="Page 2"
                        Target="_blank"></asp:TreeNode>
                </asp:TreeNode>
            </Nodes>
        </asp:TreeView>
    </div>
    </form>
</body>
</html>



图片下载

1,

2,

3,

TreeView 是 Windows 窗体应用程序中常用的控件之一,用于显示树形结构的数据。TreeView 样式包含节点、分隔符和线条等方面,可以通过设置来修改其外观和交互方式。 节点样式TreeView 中最重要的元素之一。每个节点都有自己的文本和图标,并且可以可以通过几种方式来控制其外观,例如字体、颜色、前景和背景颜色等。可以使用 ImageList 控件来为节点设置图标。 Treeview 还支持多种分隔符样式,例如用虚线或实线方式连接节点之间的垂直和水平线、间距设置等等。 还有的 TreeView 样式包含交互性、状态、选择等方面,例如: 1.展开和折叠节点。将鼠标点击在节点前的加号或减号上即可展开或折叠节点。 2.已选节点的样式。可自定义已选节点的前景色和背景色,以及边框颜色和线条样式。 3.焦点节点的样式。可自定义当前焦点节点的前景和背景颜色,以及边框颜色和样式。当用户通过 Tab 关注到 TreeView 控件时,焦点节点将是其中一个。 最后,TreeView 样式的设计受到许多因素的影响,例如应用程序的目标受众、设计风格和色彩方案等。 从用户体验和美学方面考虑,Treeview 样式应该尽可能明确、可读可见和具有吸引力,以便吸引用户的注意力并提高产品的易用性和美观性。同时,要考虑用户的文化和地区背景,确保样式是适当的。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值