[Android]Layout中ImageView中圖片的對齊顯示問題
說一下ImageView中經常遇到的圖片對齊問題:
上面圖片中佈局實現的程式碼:
<LinearLayout
android:id="@+id/search_box_region"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:background="@drawable/searchbox_bg"
android:layout_alignParentTop="true"
>
<ImageView
android:id="@+id/image1"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_gravity="center_vertical"
android:background="#CCCCEE"
android:src="@drawable/searchbox_icon" />
<EditText
android:id="@+id/edittext1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:inputType="textWebEditText"
android:imeOptions="actionSearch"
android:scrollHorizontally="true"
android:singleLine="true"
android:background="#CCEECC"
android:gravity="center_vertical"/>
<Button
android:id="@+id/button1"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_gravity="center_vertical"
android:textAlignment="center"
android:text="@string/cancel"
android:background="#CCCCEE"/>
</LinearLayout>
圖中三個控制元件平分LinearLayout的寬度,預設情況下ImageView中的圖片是居中顯示的,如果想要圖片靠右顯示,需要設定ImageView的ImageView屬性:
android:scaleType="fitEnd"
或者在程式碼中呼叫:image1.setScaleType(ImageView.ScaleType.FIT_END);
效果如下:
各引數解釋:
CENTER: 按圖片的原來size居中顯示,當圖片長/寬超過View的長/寬,則擷取圖片的居中部分顯示;
CENTER_CROP:按比例擴大圖片的size居中顯示,使得圖片長(寬)等於或大於View的長(寬);
CENTER_INSIDE:將圖片的內容完整居中顯示,通過按比例縮小或原來的size使得圖片長/寬等於或小於View的長/寬;
FIT_CENTER:把圖片按比例擴大/縮小到View的寬度,居中顯示;
FIT_START/FIT_END:在圖片縮放效果上與FIT_CENTER一樣,只是顯示的位置不同,FIT_START是置於開始位置,FIT_CENTER居中,FIT_END置於結束位置;
FIT_XY:不按比例縮放圖片,目標是把圖片塞滿整個View。
相關文章
- Android ImageView對齊方式設定AndroidView
- Android圖片底部居中的ImageViewAndroidView
- Android ImageView 清空背景圖片AndroidView
- QML中載入圖片不顯示,路徑出錯問題
- android imageview 縮放檢視圖片AndroidView
- Android 眼睛 顯示隱藏密碼(ImageView)Android密碼View
- 關於vue打包後scss檔案中背景圖片不顯示問題VueCSS
- 動態的新增ImageView到LinearLayout中並居中顯示View
- 如何在終端中顯示圖片
- 解決本地筆記匯入部落格中圖片無法顯示的問題筆記
- 成功解決github無法顯示圖片問題Github
- Android中呼叫攝像頭拍照儲存,並在相簿中選擇圖片顯示Android
- LVGL 中圖片使用問題
- js將選擇的圖片顯示在img中JS
- IOS下圖片不能顯示問題的解決辦法iOS
- Overleaf中插入pdf圖片只顯示圖片路徑的解決方式
- WPS/Word中公式與文字不對齊的問題公式
- 1218 圖片對齊模式模式
- iPhone中XML處理以及網路上的圖片顯示iPhoneXML
- echarts 在 vue2 中的顯示問題EchartsVue
- 使用"mews/captcha:~2.0" 驗證碼圖片不顯示問題APT
- uniapp onshow/onLoad 中的 showToast 不顯示的問題APPAST
- SDWebImage在iOS12上WebP格式圖片不顯示問題WebiOS
- 擴充套件EasyUI在頁面中馬上顯示選中的本地圖片套件UI地圖
- python 出圖中文顯示問題Python
- iOS ImageView contentMode 圖片填充模式iOSView模式
- 安卓圖片顯示與網路訪問安卓
- C結構體中資料的記憶體對齊問題結構體記憶體
- vue 中 echart 在子元件中只顯示一次的問題Vue元件
- flash中呼叫XML遇到的中文顯示異常問題XML
- CSS圖片的灰色顯示效果CSS
- 關於IE下驗證碼圖片無法正常顯示問題
- 從YYImage原始碼中學習如何處理圖片顯示原始碼
- 微信小程式中base64圖片的顯示與儲存微信小程式
- el-input-number 的圖層顯示問題
- 部落格中圖片邊緣陰影問題
- echarts柱狀圖示籤顯示不完全的問題Echarts
- 記一次ios下h5頁面圖片顯示問題iOSH5
- Swagger中配置了@ApiModelProperty的allowableValues屬性但不顯示的問題SwaggerAPI