1. 程式人生 > >WPF GridView的寬度設定為按比例分配

WPF GridView的寬度設定為按比例分配

GridView無法像Grid那樣重新定義新的列,所以寬度只能設定固定和自動,這就不符合現在自適應的應用設計,在網上找了很久沒有有效的方法,這個方法能實現。

<Grid>
        <!--測試-->
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid Grid.Column="0" x:Name="column1"/>
            <Grid Grid.Column="1" x:Name="column2"/>
            <Grid Grid.Column="2" x:Name="column3"/>
            <Grid Grid.Column="3" x:Name="column4"/>
        </Grid>
        <ListView x:Name="listview">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="ID" Width="{Binding ElementName=column1,Path=ActualWidth}"/>
                    <GridViewColumn Header="Name" Width="{Binding ElementName=column2,Path=ActualWidth}"/>
                    <GridViewColumn Header="Skill" Width="{Binding ElementName=column3,Path=ActualWidth}"/>
                    <GridViewColumn Header="已工作" Width="{Binding ElementName=coulmn4,Path=ActualWidth}"/>
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
通過自定義一個Grid將列的寬度繫結起來,實現的按比例。

相關推薦

WPF GridView寬度設定比例分配

GridView無法像Grid那樣重新定義新的列,所以寬度只能設定固定和自動,這就不符合現在自適應的應用設計,在網上找了很久沒有有效的方法,這個方法能實現。 <Grid> <!--測試--> <Grid>

android 使用TableLayout 實現佈局自動拉伸寬度 LinearLayout中元素比例分配寬度

TableLayout 實現佈局自動拉伸寬度  <TableLayout android:layout_width="match_parent" android:layout_height="match_parent" android:

Android LinearLayout中元素比例分配寬度

今天在安卓應用中調整UI,在一行中(LinearLayout)有三個按鈕,都是預設寬度,依次排列,但右邊還有很大的空白,不太美觀: 最好是能將三個按鈕的寬度填滿螢幕,並且三者的寬度平均分配,那怎樣實現呢?答案是用權重(layout_weight): android:lay

圖片寬度控制元件寬度,高度比例縮放

圖片寬度固定,高度按比例縮放自適應 本身不知道圖片寬度和高度  首先,定義ImageView,在該ImageView中,我們需要設定屬性android:adjustViewBounds="t

ImageView圖片寬度控制元件寬度,高度比例縮放

寫在前面:本篇文章使用了非同步圖片載入庫Android-Universal-Image-Loader,如果你的專案不使用此庫,本文提供的方法就不能解決你的問題了。 需求說明:顯示多張圖片,每張圖片大小不定,要求圖片顯示寬度為ImageView的寬度,高度按比例縮放,能

Android之使用weight屬性實現控件的比例分配空間

今天 text wrap 在底部 net ack 實現 sans com 從今天開始,把看書時候的知識點整理成博客,這個比較簡單,預計有經驗的都用過,weight屬性 在做Android布局的時候,常常遇到須要幾個控件按比例分配空間的情況比方下圖效果在底部設置兩個butt

vue框架下,echarts圖表外部容器寬度設定百分比時內容超出容器以及echarts圖表自適應的實現方案

在vue.js框架下,建立echarts圖表,當圖表的外部容器的寬度設定為百分比時,出現圖表內容寬度超出其外部容器的情況,幾番除錯,得解決方案如下: (備註說明:問題產生的具體原因尚不清晰,後面若知曉了再補充,但是初期解決問題階段一定不要鑽牛角,不是一開始就能或者可以知道真理的) 在建立了e

echarts圖表自適應,容器寬度設定百分數,但是圖表顯示不全,縮到一起

問題如下:在tab切換的時候發現第二個tab頁面的圖表顯示不全,縮到了一起。 新增window自適應方法不管用,如下: mychart.setOption(option); $(window).resize(function() { //重置容器

問題2:input、textarea、submit 寬度設定100%,但顯示寬度不一致

<style type="text/css"> body{ padding: 10px; } input,textarea{ width: 100%; } </style> <body> <

解決圖片太大溢位問題、CSS 限制圖片最大寬度、圖片比例自動縮放

在網上找了很久,這裡儲存一下,方便以後使用 實現思路很簡單,改造js程式碼,既然圖片很大,那麼我們先用最經典的限制width的方法限制大圖的寬度,但是小圖怎麼辦?小圖我們用onload的方法再縮小,就這麼搞定了。完美程式碼如下: 對應的JS程式碼: <script

不固定數量 比例分配(將比例轉為權重)

math clas code comm 最大公約數 toa ice 數據 後臺 遇到的問題:後臺給多個不同管道設置比例,根據遞增的數據和後臺設置的比例尋找應用管道 public class RationChoose { /// <summa

Android 設定ImageView寬度固定,其高度比例縮放適應

今天和專案經理對噴了一下,他說在應用的列表資料中的圖片應該寬度固定,高度按比例縮放自適應,我說,那豈不是很醜!直接讓運營那邊把圖片處理成固定寬高比不就好了,省的我客戶端麻煩了。 這傢伙不同意,為毛呢,因為我們公司的圖片尼瑪全部是從別的網站上蕩過來的,幾萬張圖片,本身不知道

css如何實現一個元素高度固定寬度比例顯示?

用padding-top百分比可以實現寬度固定高度按比例展示,現在的需求是對一個video視訊的盒子div高度是固定的,寬度如何按比例展示? 解決後效果如圖: 紅框標註的即是我在上面高度比例固定的範圍內寬度自適應的效果; css程式碼: .content { margin: 0

掌握ConstraintLayout(十)比例設定檢視大小

有時候在佈局介面的時候,UI要求某個View或者某張圖片按比例顯示,以適應不同的螢幕解析度。 通常我們時通過自定義View或者引入第三方的庫來解決。現在我們既然已經使用了ConstraintLayout,它本身就支援這樣的按比例設定View大小的功能。 下面我們來介紹如何使用: 首先我們在佈局中新

winform的FormBorderStyle設定None視窗的最小寬度不能小於132

[TOC] 問題 我們在日常編寫C++程式時,常常會用到我們的STL標準庫來幫助我們解決問題,這當中我們用得最多估計就是它裡面的vector、list容器了,它們帶來的便利不用多說(畢竟OJ、刷題什麼的,基本全是它們的身影),而在日常學習中我們對STL中另一大元件 —空間配置

6、js控制,設定圖片跟隨視窗(主要是根據高度變化)大小變化,比例縮放

html: <div class="container"> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1545633786675&a

WPF DevExpress grid 設定自定義篩選欄的條件包含關係

WPF DevExpress grid 設定自定義篩選欄的條件為包含關係根據 DevExpress.Xpf.Grid改造 來源:CSDN  原文:https://blog.csdn.net/alisa525/article/details/41910443 DevExpress.Xpf

iOS 圖片處理方法(比例縮放,指定寬度比例縮放)

今天遇見的處理圖片的問題,一張圖片上下兩個部分都有一個空白區域,就中間是圖片。要求是不能讓他顯示上下    有空白問間距。這是測試提出來的問題,但是圖片本身就是這個毛病。無奈,哥哥改。誰有好的方法推薦推薦推薦      啊!!!    兩個方法如下    建議讓這兩個

echart設定曲線圖y軸比例顯示不是必須從0開始

兩種方法:       1.js渲染 yAxis : [ { type : 'value', axisLabel :

淺談Android根據螢幕寬度比例縮放圖片

mageView有scaleType屬性可以縮放圖片,讓圖片鋪滿螢幕寬度,但是會出現壓縮或裁剪的情況。 ImageView的scaleType的屬性分別是matrix(預設)、center、centerCrop、centerInside、fitCenter、fitEnd、f