2017-04-04 91 views
0

所以我一直在我的視圖中苦苦掙扎,在我的視圖中居中這個按鈕大概3個小時,我已經放棄了,並且來到這裏向更有經驗的android開發人員尋求一些建議。無法在ImageView中嵌入圖像

現在看起來像這樣。 enter image description here

我想是這個樣子 enter image description here

我的看法是這樣的代碼:

<RelativeLayout 
    android:id="@+id/receptionLineAddQuantityAndSeries" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:paddingBottom="@dimen/padding_layout"> 
    <RelativeLayout 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:layout_above="@+id/layoutQntInput" 
     local:MvxBind="Visibility Article.SeriesType, Converter=Visibility;"> 
     <Mvx.MvxImageView 
      android:id="@+id/articleSeriesImage" 
      android:src="@drawable/ic_list_white_48dp" 
      android:layout_width="wrap_content" 
      android:scaleType="center" 
      android:paddingRight="@dimen/padding_layout" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:layout_alignParentRight="true" 
      android:background="@drawable/button_border" 
      android:layout_marginRight="16dp" 
      android:layout_marginTop="8dp" /> 
     <RelativeLayout 
      android:id="@+id/layoutInputSeries" 
      android:paddingLeft="@dimen/padding_layout" 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_marginRight="58dp"> 
      <TextView 
       android:id="@+id/suppliersSearchInputLabelCode" 
       android:layout_height="wrap_content" 
       android:layout_width="match_parent" 
       android:layout_alignParentTop="true" 
       style="@style/ExtendProTheme.EditTextLabel" 
       local:MvxBind="Visibility Article.SeriesType, Converter=Visibility; Text Article.SeriesType, Converter=ArticleSeriesTypeToLabel;" /> 
      <CC.CustomEditText 
       android:id="@+id/inventoryIdentifyArticleEditText" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="8dp" 
       android:theme="@style/ExtendProTheme" 
       android:maxLength="20" 
       android:layout_below="@+id/suppliersSearchInputLabelCode" 
       style="@style/ExtendProTheme.EditText" 
       local:MvxBind="Text Article.SeriesName, Mode=TwoWay; Error Errors['SeriesName']; Visibility Article.SeriesType, Converter=Visibility; Hint Article.SeriesType, Converter=ArticleSeriesTypeToHint; EnterCommand GetSeriesTotalQuantityCommand; FocusChangeCommand GetSeriesTotalQuantityCommand;" /> 
     </RelativeLayout> 
    </RelativeLayout>  
</RelativeLayout> 

什麼我試過到目前爲止 機器人的所有組合: scaleType = fitXY,fitCenter,中心,矩陣 ImageView固定寬度,無結果...

任何幫助會很好。

我已經嘗試了下面的所有答案,他們仍然沒有按預期顯示。我發現一個看起來接近我需要的版本。

<Mvx.MvxImageView 
    android:layout_width="48dp" 
    android:layout_height="match_parent" 
    android:src="@drawable/ic_list_white_48dp" 
    android:id="@+id/articleSeriesImage" 
    style="@style/ExtendProTheme.ListButtonSeriesStyle"> 

    <style name="ExtendProTheme.ListButtonSeriesStyle"> 
    <item name="android:scaleType">matrix</item> 
    <item name="android:paddingRight">@dimen/padding_layout</item> 
    <item name="android:layout_marginLeft">8dp</item> 
    <item name="android:layout_marginRight">8dp</item> 
    <item name="android:layout_marginTop">8dp</item> 
    <item name="android:background">@drawable/button_border</item> 
    <item name="android:layout_alignParentRight">true</item> 
    <item name="android:layout_gravity">center</item> 
    </style> 

enter image description here

+0

所有你需要設置android:gravity =「center」 –

回答

0

的解決方案是

<Mvx.MvxImageView 
    android:layout_width="48dp" 
    android:layout_height="48dp" 
    android:src="@drawable/ic_list_white_48dp" 
    android:id="@+id/articleSeriesImage" 
    style="@style/ExtendProTheme.ListButtonSeriesStyle"> 

    <style name="ExtendProTheme.ListButtonSeriesStyle"> 
    <item name="android:scaleType">matrix</item> 
    <item name="android:paddingRight">@dimen/padding_layout</item> 
    <item name="android:layout_marginLeft">8dp</item> 
    <item name="android:layout_marginRight">8dp</item> 
    <item name="android:layout_marginTop">8dp</item> 
    <item name="android:background">@drawable/button_border</item> 
    <item name="android:layout_alignParentRight">true</item> 
    <item name="android:layout_gravity">center</item> 
    </style> 

這只是它的工作方式。感謝所有的想法。

0

試試這個:)

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="60dp" 
    android:id="@+id/receptionLineAddQuantityAndSeries"> 

    <Mvx.MvxImageView 
     android:id="@+id/articleSeriesImage" 
     android:src="@drawable/ic_list_white_48dp" 
     android:layout_width="60dp" 
     android:layout_height="match_parent" 
     android:scaleType="center" 
     android:paddingRight="@dimen/padding_layout" 
     android:gravity="center" 
     android:layout_alignParentRight="true" 
     android:background="@drawable/button_border" 
     android:layout_marginRight="15dp" 
     android:layout_centerVertical="true"/> 

    <TextView 
     android:id="@+id/suppliersSearchInputLabelCode" 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_marginLeft="10dp" 
     style="@style/ExtendProTheme.EditTextLabel" 
     local:MvxBind="Visibility Article.SeriesType, Converter=Visibility; Text Article.SeriesType, Converter=ArticleSeriesTypeToLabel;" /> 

    <CC.CustomEditText 
     android:id="@+id/inventoryIdentifyArticleEditText" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginTop="5dp" 
     android:theme="@style/ExtendProTheme" 
     android:maxLength="20" 
     android:layout_below="@+id/suppliersSearchInputLabelCode" 
     android:layout_toLeftOf="@+id/articleSeriesImage" 
     style="@style/ExtendProTheme.EditText" 
     local:MvxBind="Text Article.SeriesName, Mode=TwoWay; Error Errors['SeriesName']; Visibility Article.SeriesType, Converter=Visibility; Hint Article.SeriesType, Converter=ArticleSeriesTypeToHint; EnterCommand GetSeriesTotalQuantityCommand; FocusChangeCommand GetSeriesTotalQuantityCommand;" /> 

</RelativeLayout> 
0

試試這個,檢查語法

<RelativeLayout> 
<TextView 
[email protected]+id/yourtxtv 
/> 
<ImageView 

android:layout_alignBaseline 
android:align_right_to="@+id/yourtxtv" 
android:margin_right=xxxx(put the value u want to put) 
/> 
</RelativeLayout> 
0

這是我嘗試過,結果發現:

<RelativeLayout 
    android:id="@+id/receptionLineAddQuantityAndSeries" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true"> 
    <RelativeLayout 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content"/> 
     <ImageView 
      android:id="@+id/articleSeriesImage" 
      android:src="@drawable/ic_android" 
      android:background="@color/blue" 
      android:layout_width="wrap_content" 
      android:scaleType="center" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:layout_alignParentRight="true" 
      android:layout_marginRight="16dp" 
      android:layout_marginTop="8dp" /> 
     <RelativeLayout 
      android:id="@+id/layoutInputSeries" 
      android:paddingLeft="64dp" 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:layout_marginRight="58dp"> 
      <TextView 
       android:id="@+id/suppliersSearchInputLabelCode" 
       android:layout_height="wrap_content" 
       android:layout_width="match_parent" 
       android:text="sn" 
       android:layout_alignParentTop="true"/> 

      <EditText 
       android:id="@+id/inventoryIdentifyArticleEditText" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="8dp" 
       android:theme="@style/ExtendProTheme" 
       android:maxLength="20" 
       android:layout_below="@+id/suppliersSearchInputLabelCode"/> 
     </RelativeLayout> 
    </RelativeLayout> 
</RelativeLayout> 

Preview of the display here