LinearLayout 留白太多space。为什么？
LinearLayout leaving out too much white space. Why?
我正在编写一个 Android 应用程序来帮助小孩子学习数学。它给用户一些问题，用户会回答这些问题。如果he/she全部答对，将有奖品。现在我需要在 ResultsActivity 中告诉用户这件事。这是它的样子：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
android:orientation="horizontal"
tools:context="com.smartkidslovemaths.ResultsActivity">
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:id="@+id/left_side"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/score_label"
android:textSize="@dimen/score_label_size"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="100"
android:id="@+id/score_value"
android:textSize="@dimen/score_size"/>
</LinearLayout>
<View
android:layout_width="1dp"
android:layout_height="match_parent"
android:background="#FF0000FF" />
<ScrollView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/right_side"
android:layout_margin="@dimen/question_display_margin"
android:orientation="vertical">
</LinearLayout>
</ScrollView>
</LinearLayout>
如您所见，屏幕左侧用于显示分数。右侧（ID 为 right_side 的 LinearLayout）是空的，因为根据用户是否正确回答所有问题，它会有不同的内容。如果 he/she 没有，它会显示 he/she 做错了哪些问题。这意味着我需要将视图动态添加到 LinearLayout。尝试几次后，我能够显示用户获得的奖品和一些文字告诉 him/her。但是，文本和 ImageView 之间有很多空白！这是屏幕截图：
希望你不介意这是中文。正如你所看到的，在星星的尖端和文本之间有很多 space。 （我什至需要向下滚动一点才能看到星星！）现在这是我添加视图的代码：
private void displayPrize () { //This is called in the onCreate() method
Resources res = getResources ();
int marginAll = (int)res.getDimension (R.dimen.prize_display_margin);
FrameLayout.LayoutParams parentParams = new FrameLayout.LayoutParams (FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.WRAP_CONTENT);
parentParams.setMargins (marginAll, marginAll, marginAll, marginAll);
((LinearLayout)findViewById (R.id.right_side)).setLayoutParams (parentParams);
TextView text = new TextView (this);
final LinearLayout.LayoutParams textParams =
new LinearLayout.LayoutParams (
ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT
);
final LinearLayout.LayoutParams imageParams =
new LinearLayout.LayoutParams (
ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT
);
text.setLayoutParams (textParams);
QuestionOptions options = QuestionsActivity.Options.getOptions ();
switch (options.getDigitCount ()) {
case 1:
default:
text.setText (res.getText (R.string.earn_star_text));
break;
case 2:
text.setText (res.getText (R.string.earn_badge_text));
break;
case 3:
text.setText (res.getText (R.string.earn_trophy_text));
break;
}
text.setTextSize (res.getDimension (R.dimen.answer_text_size) / 1.5F);
((LinearLayout)findViewById (R.id.right_side)).addView (text);
ImageView image = new ImageView (this);
image.setLayoutParams (imageParams);
int resID = QuestionOptionMaps.getOptionsDrawableMap ().get (options);
image.setImageResource (resID);
((LinearLayout)findViewById (R.id.right_side)).addView (image);
}
更改那些 wrap_content 和 match_parent 东西让我累了很多次。而且每次都不行。我什至尝试为视图增加权重！而且我确信图像是一个完美的正方形，所以白色 space 不是由图像引起的。
为清楚起见，这里是 dimens.xml 和 strings.xml
<resources>
<dimen name="activity_horizontal_margin">16dp</dimen>
<dimen name="activity_vertical_margin">16dp</dimen>
<dimen name="question_margin">25dp</dimen>
<dimen name="customize_menu_title">15pt</dimen>
<dimen name="customize_menu_radio">13pt</dimen>
<dimen name="question_text_size">20pt</dimen>
<dimen name="answer_text_size">12pt</dimen>
<dimen name="radio_button_spacing">20dp</dimen>
<dimen name="item_spacing">20dp</dimen>
<dimen name="score_label_size">20pt</dimen>
<dimen name="score_size">40pt</dimen>
<dimen name="question_display_margin">4dp</dimen>
<dimen name="prize_display_margin">32dp</dimen>
</resources>
<resources>
<string name="app_name">Smart Kids Love Maths</string>
<string name="button_trophies">My Prizes</string>
<string name="button_start">Start!</string>
<string name="digit_text">Number of digits</string>
<string name="operator_text">Operation</string>
<string name="timer_enabled_text">Timer Enabled</string>
<string name="title_activity_questions">Smart Kids Love Maths</string>
<string name="title_activity_results">Results</string>
<string name="score_label">Your Score:</string>
<string name="correct_text">Correct!</string>
<string name="wrong_text">Wrong!</string>
<string name="correct_answer_text">Correct Answer: </string>
<string name="earn_trophy_text">You earned a new trophy!</string>
<string name="earn_badge_text">You earned a new badge!</string>
<string name="earn_star_text">You earned a new star!</string>
</resources>
你能告诉我为什么会这样吗？我该如何解决？
如果 imageView 比其父视图大，请使用 imageView.setAdjustViewBounds(true) 以保持其大小比例。
您可以看到所附图片之间的差异。
LinearLayout linear = (LinearLayout) findViewById(R.id.left);
TextView textView = new TextView(this);
textView.setText("Test Right 1");
textView.setTextSize(32);
LinearLayout.LayoutParams tParams = new LinearLayout.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
linear.addView(textView, tParams);
ImageView imageView = new ImageView(this);
imageView.setImageResource(R.mipmap.img);
imageView.setAdjustViewBounds(true); // This is the trick
LinearLayout.LayoutParams iParams = new LinearLayout.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
linear.addView(imageView, iParams);
我正在编写一个 Android 应用程序来帮助小孩子学习数学。它给用户一些问题，用户会回答这些问题。如果he/she全部答对，将有奖品。现在我需要在 ResultsActivity 中告诉用户这件事。这是它的样子：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
android:orientation="horizontal"
tools:context="com.smartkidslovemaths.ResultsActivity">
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:id="@+id/left_side"
android:orientation="vertical"
android:gravity="center">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/score_label"
android:textSize="@dimen/score_label_size"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="100"
android:id="@+id/score_value"
android:textSize="@dimen/score_size"/>
</LinearLayout>
<View
android:layout_width="1dp"
android:layout_height="match_parent"
android:background="#FF0000FF" />
<ScrollView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/right_side"
android:layout_margin="@dimen/question_display_margin"
android:orientation="vertical">
</LinearLayout>
</ScrollView>
</LinearLayout>
如您所见，屏幕左侧用于显示分数。右侧（ID 为 right_side 的 LinearLayout）是空的，因为根据用户是否正确回答所有问题，它会有不同的内容。如果 he/she 没有，它会显示 he/she 做错了哪些问题。这意味着我需要将视图动态添加到 LinearLayout。尝试几次后，我能够显示用户获得的奖品和一些文字告诉 him/her。但是，文本和 ImageView 之间有很多空白！这是屏幕截图：
希望你不介意这是中文。正如你所看到的，在星星的尖端和文本之间有很多 space。 （我什至需要向下滚动一点才能看到星星！）现在这是我添加视图的代码：
private void displayPrize () { //This is called in the onCreate() method
Resources res = getResources ();
int marginAll = (int)res.getDimension (R.dimen.prize_display_margin);
FrameLayout.LayoutParams parentParams = new FrameLayout.LayoutParams (FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.WRAP_CONTENT);
parentParams.setMargins (marginAll, marginAll, marginAll, marginAll);
((LinearLayout)findViewById (R.id.right_side)).setLayoutParams (parentParams);
TextView text = new TextView (this);
final LinearLayout.LayoutParams textParams =
new LinearLayout.LayoutParams (
ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT
);
final LinearLayout.LayoutParams imageParams =
new LinearLayout.LayoutParams (
ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT
);
text.setLayoutParams (textParams);
QuestionOptions options = QuestionsActivity.Options.getOptions ();
switch (options.getDigitCount ()) {
case 1:
default:
text.setText (res.getText (R.string.earn_star_text));
break;
case 2:
text.setText (res.getText (R.string.earn_badge_text));
break;
case 3:
text.setText (res.getText (R.string.earn_trophy_text));
break;
}
text.setTextSize (res.getDimension (R.dimen.answer_text_size) / 1.5F);
((LinearLayout)findViewById (R.id.right_side)).addView (text);
ImageView image = new ImageView (this);
image.setLayoutParams (imageParams);
int resID = QuestionOptionMaps.getOptionsDrawableMap ().get (options);
image.setImageResource (resID);
((LinearLayout)findViewById (R.id.right_side)).addView (image);
}
更改那些 wrap_content 和 match_parent 东西让我累了很多次。而且每次都不行。我什至尝试为视图增加权重！而且我确信图像是一个完美的正方形，所以白色 space 不是由图像引起的。
为清楚起见，这里是 dimens.xml 和 strings.xml
<resources>
<dimen name="activity_horizontal_margin">16dp</dimen>
<dimen name="activity_vertical_margin">16dp</dimen>
<dimen name="question_margin">25dp</dimen>
<dimen name="customize_menu_title">15pt</dimen>
<dimen name="customize_menu_radio">13pt</dimen>
<dimen name="question_text_size">20pt</dimen>
<dimen name="answer_text_size">12pt</dimen>
<dimen name="radio_button_spacing">20dp</dimen>
<dimen name="item_spacing">20dp</dimen>
<dimen name="score_label_size">20pt</dimen>
<dimen name="score_size">40pt</dimen>
<dimen name="question_display_margin">4dp</dimen>
<dimen name="prize_display_margin">32dp</dimen>
</resources>
<resources>
<string name="app_name">Smart Kids Love Maths</string>
<string name="button_trophies">My Prizes</string>
<string name="button_start">Start!</string>
<string name="digit_text">Number of digits</string>
<string name="operator_text">Operation</string>
<string name="timer_enabled_text">Timer Enabled</string>
<string name="title_activity_questions">Smart Kids Love Maths</string>
<string name="title_activity_results">Results</string>
<string name="score_label">Your Score:</string>
<string name="correct_text">Correct!</string>
<string name="wrong_text">Wrong!</string>
<string name="correct_answer_text">Correct Answer: </string>
<string name="earn_trophy_text">You earned a new trophy!</string>
<string name="earn_badge_text">You earned a new badge!</string>
<string name="earn_star_text">You earned a new star!</string>
</resources>
你能告诉我为什么会这样吗？我该如何解决？
如果 imageView 比其父视图大，请使用 imageView.setAdjustViewBounds(true) 以保持其大小比例。
您可以看到所附图片之间的差异。
LinearLayout linear = (LinearLayout) findViewById(R.id.left);
TextView textView = new TextView(this);
textView.setText("Test Right 1");
textView.setTextSize(32);
LinearLayout.LayoutParams tParams = new LinearLayout.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
linear.addView(textView, tParams);
ImageView imageView = new ImageView(this);
imageView.setImageResource(R.mipmap.img);
imageView.setAdjustViewBounds(true); // This is the trick
LinearLayout.LayoutParams iParams = new LinearLayout.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
linear.addView(imageView, iParams);