TileView 基本配置

...

圖片縮放設置 

       /// <summary>
        /// TileViewColumn 相關屬性設置
        /// </summary>
        /// <param name="tvcID">TileViewColumn對象</param>
        /// <param name="Name">Name屬性</param>
        /// <param name="Caption">標題</param>
        /// <param name="FieldName">數據源字段</param>
        /// <param name="ShowCaption">bool值，是否展示Caption：選卡展示列的內容時是否展示標題（Caption）</param>
        /// <param name="Visible">bool值，是否顯示</param>
        /// <param name="VisibleIndex">int ,排序位置：默認0開始</param>
        public void SetTileViewColumn(DevExpress.XtraGrid.Columns.TileViewColumn tvcID,string Name,string Caption,string FieldName,bool ShowCaption,bool Visible,int VisibleIndex)
        {
            tvcID.Caption = Caption;/* 標題 */
            tvcID.FieldName = FieldName;/* 數據源字段 */
            tvcID.Name = Name;/* Name屬性 */
            tvcID.OptionsColumn.ShowCaption = ShowCaption;/* 是否展示Caption：選卡展示列的內容時是否展示標題（Caption） */
            tvcID.Visible = Visible;/* 是否顯示列 */
            tvcID.VisibleIndex = VisibleIndex;/* 排序位置：默認0開始 */
            tvcID.ColumnEdit = new DevExpress.XtraEditors.Repository.RepositoryItem();
        }
        public void TitleViewSet( TileView tileView)
        {
            /* 配置gridControl1.RepositoryItems，TileView調用時，直接給TileViewColumn.ColumnEdit賦值 */
            DevExpress.XtraEditors.Repository.RepositoryItemPictureEdit rpIPictureEdit = new DevExpress.XtraEditors.Repository.RepositoryItemPictureEdit();
            ((System.ComponentModel.ISupportInitialize)(rpIPictureEdit)).BeginInit();

            rpIPictureEdit.CustomHeight = 200;
            rpIPictureEdit.Name = "rpIPictureEdit";
            /* 添加單個內部控件*/
            this.gridControl1.RepositoryItems.Add(repositoryItemPictureEdit1 );
            /*添加多個內部控件*/
            this.gridControl1.RepositoryItems.AddRange(new DevExpress.XtraEditors.Repository.RepositoryItem[] {
            rpIPictureEdit,
            this.repositoryItemTextEdit1,
            this.repositoryItemTextEdit2,
            this.repositoryItemPictureEdit2});

            ((System.ComponentModel.ISupportInitialize)(rpIPictureEdit)).EndInit();




            /* 綁定數據源列：直接綁定數據源；*/
            DevExpress.XtraGrid.Columns.TileViewColumn tvcID = new DevExpress.XtraGrid.Columns.TileViewColumn(); 
            /*  行列對象   */
            DevExpress.XtraEditors.TableLayout.TableColumnDefinition tableColumnDefinition1 = new DevExpress.XtraEditors.TableLayout.TableColumnDefinition();
            DevExpress.XtraEditors.TableLayout.TableRowDefinition tableRowDefinition1 = new DevExpress.XtraEditors.TableLayout.TableRowDefinition();

            /* 頁面布局列：可關聯TileViewColumn，也可自定義；   */
            DevExpress.XtraGrid.Views.Tile.TileViewItemElement tVIElementID = new DevExpress.XtraGrid.Views.Tile.TileViewItemElement();
            DevExpress.XtraGrid.Views.Tile.TileViewItemElement tVIElement = new DevExpress.XtraGrid.Views.Tile.TileViewItemElement();
            tVIElement.Column = tvcName;/* 配置TileViewItemElement對應的TileViewColumn對象*/
            tVIElement.AnchorAlignment = DevExpress.Utils.AnchorAlignment.Left; /* 錨定 ：Top , Left , Right  , Bottom ,設置錨定方式 */
            tVIElement.AnchorElement = tVIElementID; /* 錨定元素：按 某個元素或者控件進行錨定，錨定方式按AnchorAlignment 設置 */
            tVIElement.AnchorIndent = 100;/* 參照對象（AnchorElement配置參照對象），排列方式（AnchorAlignment上下左右），設置相對距離；*/
            tVIElement.AnchorOffset = new System.Drawing.Point(10, 10);/* 相對坐標配置：在AnchorElement、AnchorIndent的配置基礎上配置X、Y坐標*/
            tVIElement.AnchorElementIndex = 0;
            tVIElement.ImageOptions.ImageAlignment = DevExpress.XtraEditors.TileItemContentAlignment.MiddleCenter;
            tVIElement.ImageOptions.ImageScaleMode = DevExpress.XtraEditors.TileItemImageScaleMode.ZoomInside;
            tVIElement.Text = "tvcName";
            tVIElement.TextAlignment = DevExpress.XtraEditors.TileItemContentAlignment.MiddleCenter;

            tileView.TileTemplate.Add(tVIElement);

            /*  添加列  */
            tileView.Columns.AddRange
            (
                new DevExpress.XtraGrid.Columns.GridColumn[]
                {
                    tvcID,
                    tvcPhoto,
                    tvcPhotoName,
                    tvcName
                }
            );

            tileView.ColumnSet.CheckedColumn = tvcID; /*勾選狀態，指定的列的值為： 1（選卡勾選狀態），0 或者其他（選卡未勾選狀態）*/
            tileView.ColumnSet.EnabledColumn = tvcID;/*TileView卡片的Enabled權限，指定列的值為：0(卡片灰色不能選中)，0（卡片可選中）；*/
            tileView.ColumnSet.GroupColumn = tvcID; /*TileView卡片分組：指定的列的值如果相同，歸為同組；*/
            tileView.GridControl = gridControl1;/*  */
            tileView.Name = "tileView1";/*  */
            tileView.OptionsTiles.ItemPadding = new System.Windows.Forms.Padding(0);/* Padding值設置 */
            tileView.OptionsTiles.ItemSize = new System.Drawing.Size(360, 180);/* 卡片Size尺寸設置  */
            tileView.OptionsTiles.Orientation = System.Windows.Forms.Orientation.Horizontal;/* 滾動方向設置；Horizontal水平滾動（默認），Vertical垂直滾動 */
            tileView.OptionsTiles.ColumnCount = 3;/* 當Orientation = Vertical垂直滾動時，橫排最多3個選卡，此時RowCount設置無效 */
            tileView.OptionsTiles.RowCount = 2;/* 當Orientation = Horizontal水平滾動,豎排最多2個選卡，此時ColumnCount設置無效 */
            tileView.DetailHeight = 100;/*  */
            /* 排序列 */
            tileView.SortInfo.AddRange
            (
                new DevExpress.XtraGrid.Columns.GridColumnSortInfo[]
                {
                    new DevExpress.XtraGrid.Columns.GridColumnSortInfo(tvcID, DevExpress.Data.ColumnSortOrder.Ascending)/*TileViewColumn , 排序方式*/
                }
            );

            tileView.TileColumns.Add(tableColumnDefinition1);
            tileView.TileRows.Add(tableRowDefinition1);



        }

 

 

 

 

 

....