RelativeLayoutのImageViewにlayout_weightを使用

Question

私は左にImageViewを持つRelativeLayoutを使用しています。ここでは、150dpでlayout_widthをハードコードしましたが、これは他の画面ではうまくいきません。大きな画面では、150dpはかなり小さいです。だから私はlayout_weightを使うことを考えましたが、これはRelativeLayoutでは使えません。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res  
/android" 
      xmlns:app="http://schemas.android.com/apk/res-auto" 
      android:id="@+id/layout_quiz" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 

<android.support.v7.widget.Toolbar 
    android:id="@+id/toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="?attr/actionBarSize" 
    android:background="?attr/colorPrimary" 
    android:fitsSystemWindows="true" 
    android:minHeight="?attr/actionBarSize" 
    android:padding="2dp" 
    app:titleMarginStart="20dp" 
    app:titleTextAppearance="@style/MyMaterialTheme.Base.TitleTextStyle" 
    app:titleTextColor="@color/textColorPrimary"> 

    <TextView 
     android:id="@+id/toolbar_title" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:textColor="@android:color/white" 
     android:textStyle="bold|italic"/> 

</android.support.v7.widget.Toolbar> 

<TextView 
    android:id="@+id/tv_topic" 
    android:layout_width="150dp" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" 
    android:layout_below="@+id/toolbar" 
    android:background="@android:color/holo_green_light" 
    android:gravity="center" 
    android:padding="5dp" 
    android:textColor="@android:color/white"/> 

<RelativeLayout 
    android:id="@+id/layout_question" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/toolbar" 
    android:layout_toEndOf="@+id/tv_topic" 
    android:layout_toRightOf="@+id/tv_topic" 
    android:gravity="top" 
    android:orientation="horizontal"> 

    <TextView 
     android:id="@+id/tv_question" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:layout_toLeftOf="@+id/bt_favorite" 
     android:padding="5dp" 
     android:text="Schritte der Trainingssteuerung. Was ist hier richtige Reihenfolge?" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:textStyle="bold"/> 

    <ImageButton 
     android:id="@+id/bt_favorite" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:background="#00ffffff" 
     android:src="@drawable/star"/> 
</RelativeLayout> 

<View 
    android:layout_width="fill_parent" 
    android:layout_height="1dp" 
    android:layout_alignBottom="@+id/layout_question" 
    android:layout_toEndOf="@+id/tv_topic" 
    android:layout_toRightOf="@+id/tv_topic" 
    android:background="?android:attr/listDivider"/> 

<View 
    android:id="@+id/view" 
    android:layout_width="1dp" 
    android:layout_height="fill_parent" 
    android:layout_below="@+id/toolbar" 
    android:layout_toEndOf="@+id/iv_image" 
    android:layout_toRightOf="@+id/iv_image" 
    android:background="?android:attr/listDivider"/> 

<LinearLayout 
    android:id="@+id/layout_multiplechoice" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/layout_question" 
    android:layout_margin="5dp" 
    android:layout_toEndOf="@+id/iv_image" 
    android:layout_toRightOf="@+id/iv_image" 
    android:orientation="horizontal"> 

    <LinearLayout 
     android:id="@+id/layout_multiplechoice_solutions" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_gravity="center_vertical" 
     android:orientation="vertical" 
     android:visibility="invisible"> 

     <CheckBox 
      android:id="@+id/cb_solution1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:enabled="false"/> 

     <CheckBox 
      android:id="@+id/cb_solution2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:enabled="false"/> 

     <CheckBox 
      android:id="@+id/cb_solution3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:enabled="false"/> 

     <CheckBox 
      android:id="@+id/cb_solution4" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:enabled="false"/> 

     <CheckBox 
      android:id="@+id/cb_solution5" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:enabled="false"/> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/layout_multiplechoice_answers" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_gravity="center_vertical" 
     android:orientation="vertical"> 

     <CheckBox 
      android:id="@+id/cb_answer1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:buttonTint="@android:color/holo_green_light"/> 

     <CheckBox 
      android:id="@+id/cb_answer2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:buttonTint="@android:color/holo_green_light"/> 

     <CheckBox 
      android:id="@+id/cb_answer3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:buttonTint="@android:color/holo_green_light"/> 

     <CheckBox 
      android:id="@+id/cb_answer4" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:buttonTint="@android:color/holo_green_light"/> 

     <CheckBox 
      android:id="@+id/cb_answer5" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:buttonTint="@android:color/holo_green_light"/> 
    </LinearLayout> 
</LinearLayout> 

<LinearLayout 
    android:id="@+id/layout_singlechoice" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/layout_question" 
    android:layout_margin="5dp" 
    android:layout_toEndOf="@+id/iv_image" 
    android:layout_toRightOf="@+id/iv_image" 
    android:orientation="horizontal" 
    android:visibility="gone"> 

    <LinearLayout 
     android:id="@+id/layout_singlechoice_solutions" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_gravity="center_vertical" 
     android:orientation="vertical" 
     android:visibility="invisible"> 

     <RadioGroup 
      android:id="@+id/rg_solution_group" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"> 
      <RadioButton 
       android:id="@+id/rb_solution1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:enabled="false"/> 

      <RadioButton 
       android:id="@+id/rb_solution2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:enabled="false"/> 

      <RadioButton 
       android:id="@+id/rb_solution3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:enabled="false"/> 

      <RadioButton 
       android:id="@+id/rb_solution4" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:enabled="false"/> 

      <RadioButton 
       android:id="@+id/rb_solution5" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:enabled="false"/> 
     </RadioGroup> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/layout_singlechoice_answers" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_gravity="center_vertical" 
     android:orientation="vertical"> 

     <RadioGroup 
      android:id="@+id/rg_answer_group" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"> 

      <RadioButton 
       android:id="@+id/rb_answer1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"/> 

      <RadioButton 
       android:id="@+id/rb_answer2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"/> 

      <RadioButton 
       android:id="@+id/rb_answer3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"/> 

      <RadioButton 
       android:id="@+id/rb_answer4" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"/> 

      <RadioButton 
       android:id="@+id/rb_answer5" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"/> 
     </RadioGroup> 
    </LinearLayout> 
</LinearLayout> 


<LinearLayout 
    android:id="@+id/layout_info" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_above="@+id/layout_progressbar" 
    android:layout_below="@+id/layout_question" 
    android:layout_toEndOf="@+id/iv_image" 
    android:layout_toRightOf="@+id/iv_image" 
    android:orientation="vertical"> 

    <TextView 
     android:id="@+id/tv_infotitle" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="7dp" 
     android:textStyle="bold"/> 

    <ScrollView android:id="@+id/sv_infoscroller" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:fillViewport="true"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
     > 


      <TextView 
       android:id="@+id/tv_infotext" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@+id/tv_infotitle" 
       android:layout_margin="7dp" 
       android:scrollbars="vertical"/> 

      <ImageView 
       android:id="@+id/iv_infopicture" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_below="@+id/tv_infotext" 
       android:layout_margin="7dp"/> 
     </LinearLayout> 

    </ScrollView> 

</LinearLayout> 

<View 
    android:layout_width="fill_parent" 
    android:layout_height="1dp" 
    android:layout_alignTop="@+id/layout_progressbar" 
    android:layout_marginTop="5dp" 
    android:layout_toEndOf="@+id/iv_image" 
    android:layout_toRightOf="@+id/iv_image" 
    android:background="?android:attr/listDivider"/> 

<RelativeLayout 
    android:id="@+id/layout_progressbar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_toEndOf="@+id/view" 
android:layout_toRightOf="@+id/view" android:gravity="bottom" 
android:orientation="horizontal"> 

    <ImageButton 
     android:id="@+id/bt_next" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentEnd="true" 
     android:layout_alignParentRight="true" 
     android:layout_marginTop="5dp" 
     android:enabled="false" 
     android:src="@drawable/ic_arrow_right" 
     android:text="@string/next"/> 

    <ImageButton 
     android:id="@+id/bt_info" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginRight="16dp" 
     android:layout_marginTop="15dp" 
     android:layout_toLeftOf="@+id/bt_next" 
     android:layout_toStartOf="@+id/bt_next" 
     android:background="@null" 
     android:src="@drawable/ic_info" 
     android:visibility="invisible"/> 

    <TextView 
     android:id="@+id/tv_resultmessage" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_margin="15dp"/> 

    <ImageButton 
     android:id="@+id/bt_back" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     android:layout_marginTop="5dp" 
     android:src="@drawable/ic_arrow_left" 
     android:text="@string/back"/> 

    <ProgressBar 
     android:id="@+id/pb_quiz" 
     style="?android:attr/progressBarStyleHorizontal" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/bt_back" 
     android:layout_marginLeft="5dp" 
     android:layout_marginRight="5dp" 
     android:progress="1"/> 
</RelativeLayout> 
<ImageView 
    android:id="@+id/iv_image" 
    android:layout_width="150dp" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:layout_below="@id/toolbar" android:src="@drawable/schmuck"/> 

あなたは、このためのソリューションを知っていますか？

Answer 1

ディメンションは、画面サイズに基づいて2つのdimens.xmlで定義する必要があります。同じ次元resには、dpで別の値を割り当てることができます。あなたは何が必要に応じて、

values-hdpi 
values-large 
values-sw600dp 

のようないくつかのフォルダを作成し、これらのフォルダにこれらのdimens.xmlのファイルを置くことができ、そうするには

。

Answer 2

あなたのGradleの依存関係にこれを追加PercentRelativeLayout

 <android.support.percent.PercentRelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <ImageView 
     app:layout_widthPercent="50%" 
     app:layout_heightPercent="50%" 
     app:layout_marginTopPercent="25%" 
     app:layout_marginLeftPercent="25%"/> 
</android.support.percent.PercentRelativeLayout> 

を使用することができます。

compile 'com.android.support:percent:22.2.0' 

はPercentRelativeLayoutので、公式docs

Answer 3

を参照してくださいrafsanahmad007 @言ったが、それでもとして良いオプションですweight_sumで同じレイアウトを使用する場合は、このような小さな変更が必要です。

<LinearLayout 
android_orientation:vertical> //parent layout 

    <android.support.v7.widget.Toolbar 
    </android.support.v7.widget.Toolbar> 

    //this will have two further layout, left include image and text, right for other views and total weightSum for both 
    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:weightSum="your_desired_weight_sum"> 

     <LayoutLeft> 
     add any layout with layout weight 
     </LayoutLeft> 

     <LayoutRight> 
     add any layout with layout weight 
     </LayoutRight> 
    <LinearLayout> 

</LinearLayout> 

:)