[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中圖片的顯示方式Android筆記View
- ImageView顯示網路上的圖片View
- Android用ImageView顯示本地和網上的圖片AndroidView
- ImageView的屬性android:scaleType設定最佳比例圖片顯示ViewAndroid
- iOS開發之imageView居中顯示圖片iOSView
- Android中ImageView無法居中的問題AndroidView
- Android中顯示html標籤或者帶圖片AndroidHTML
- QML中載入圖片不顯示,路徑出錯問題
- Android ImageView對齊方式設定AndroidView
- 資料庫顯示圖片的問題資料庫
- ImageView顯示圖片資源的兩種方法(background/src)View
- ImageView中圖片儲存到檔案View
- Android圖片底部居中的ImageViewAndroidView
- 關於vue打包後scss檔案中背景圖片不顯示問題VueCSS
- Qt中關於QLabel等其顯示內容的縮放與對齊,動態圖的顯示QT
- 解決本地筆記匯入部落格中圖片無法顯示的問題筆記
- Android ImageView 清空背景圖片AndroidView
- 解決arcgis for android中feature不顯示的問題Android
- React-Quill中的圖片上傳及顯示ReactUI
- 【轉】釋出的QT程式無法顯示圖示和圖片的問題QT
- Android:ImageView圖片縮放、居中AndroidView
- GridView中控制圖片的顯示大小的例項View
- Swift UIButton 圖片 文字 同時顯示 不顯示,細節問題SwiftUI
- 成功解決github無法顯示圖片問題Github
- springmvc中圖片回顯返回位元組流陣列顯示圖片完整案例SpringMVC陣列
- iPhone中XML處理以及網路上的圖片顯示iPhoneXML
- Android中呼叫攝像頭拍照儲存,並在相簿中選擇圖片顯示Android
- Android在Dialog中顯示PopupWindow不全問題解決Android
- IOS下圖片不能顯示問題的解決辦法iOS
- 動態的新增ImageView到LinearLayout中並居中顯示View
- android imageview 縮放檢視圖片AndroidView
- Android ImageView 圖片靠右,靠左處理AndroidView
- Android 眼睛 顯示隱藏密碼(ImageView)Android密碼View
- WPS/Word中公式與文字不對齊的問題公式
- 結構體內部儲存中的對齊問題結構體
- 【菜鳥學安卓】- TextView 顯示Html 一 解決圖片顯示不了的小問題安卓TextViewHTML
- mac php 圖片驗證碼無法顯示問題MacPHP
- Android 開源圖片裁剪工具、圖片顯示工具分享Android