我正在编写一款可帮助小孩学习数学的Android应用。它为用户提供了一些问题,用户会回答这些问题。如果他/她正确地回答了所有这些问题,将会给予奖励。现在我需要在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>
如您所见,屏幕左侧用于显示分数。右侧(标识为LinearLayout
的{{1}})为空,因为它会有不同的内容,具体取决于用户是否正确回答了所有问题。如果他/她没有,则会显示他/她做错了哪些问题。这意味着我需要动态地向right_side
添加视图。经过几次尝试,我能够显示用户获得的奖品以及一些文字告诉他/她。但是,文本与LinearLayout
之间有很多空白!这是一个屏幕截图:
希望你不要介意这是中国人。如您所见,星形尖端和文本之间有很多空间。 (我甚至需要向下滚动一下才能看到明星!)现在这里是我添加视图的代码:
ImageView
我通过更改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
这些内容累了很多次。每次它都没有工作。我甚至试图为视图添加权重!而且我确信图像是一个完美的正方形,因此图像不会导致白色空间。
为了清楚起见,这里是dimens.xml和strings.xml
match_parent
你能告诉我为什么会这样吗?我该如何解决这个问题?
答案 0 :(得分:2)
如果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);