为什么我不能将背景图像设置为从相关片段类声明为片段xml配置的ImageView?

时间:2016-06-20 15:20:32

标签: java android android-fragments android-imageview android-image

我在Android开发方面绝对是新手,我在开发第一个应用程序时遇到了一些问题。

所以我有以下情况:

1)我有这个 fragment_screen_slide_page.xml 文件,其中包含显示在视图中的片段元素,并且在将其加载到活动时必须显示图像:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Dummy content. -->
    <LinearLayout android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="0dp">

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:scaleType="fitCenter"
            android:layout_height="250dp"
            android:background="@drawable/carbonara" />

        <TextView android:id="@android:id/text1"
            style="?android:textAppearanceLarge"
            android:textStyle="bold"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="16dp" />

    </LinearLayout>

</ScrollView>

正如您所看到的,它包含 ImageView 元素 id = imageView1 (当片段被放入活动时必须加载图像)。

然后我有这个 ScreenSlidePageFragment 对前一个片段有效,我有这样的事情:

公共类ScreenSlidePageFragment扩展Fragment {

................................................................
................................................................
................................................................

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {

   System.out.println("PAGE NUMBER: "+ mPageNumber + 1);
    // Inflate the layout containing a title and body text.
    ViewGroup rootView = (ViewGroup) inflater.inflate(R.layout.fragment_screen_slide_page, container, false);

    // Set the title view to show the page number.
    ((TextView) rootView.findViewById(android.R.id.text1)).setText(getString(R.string.title_template_step, mPageNumber + 1));
    System.out.println("TESTO: "+ getString(R.string.title_template_step, mPageNumber + 1));

    // Obtain the colosseum_icon.png from the rsources as a Drawable:
    Drawable drawable = getResources().getDrawable(R.drawable.colosseum_icon);

    // Retrieve the reference of the ImageView element of the layout having id=imgSlide:
    View view = inflater.inflate(R.layout.fragment_screen_slide_page,container,false);
    ImageView imgSlideView = (ImageView) view.findViewById(R.id.imageView1);

    final int sdk = android.os.Build.VERSION.SDK_INT;
    if(sdk < android.os.Build.VERSION_CODES.JELLY_BEAN) {
        imgSlideView.setBackgroundDrawable(drawable);
    } else {
                              //imgSlideView.setBackground(getResources().getDrawable(R.drawable.colosseum_icon));
    }

    return rootView;
}
    ................................................................
    ................................................................
    ................................................................
}

................................................................
................................................................
................................................................

}

所以你可以看到,进入 onCreateView()方法我基本上做了以下操作:

1)我检索在 fragment_screen_slide_page.xml 文件中声明的 id = imageView1 ImageView 元素引用。

2)我将检索到的drawable设置为 ImageView 的背景:

imgSlideView.setBackgroundDrawable(drawable)

我希望这张图片必须显示在我的屏幕上,但它不会发生。未显示与检索到的 drawable 变量相关的图像。而不是图像显示为 250dp 作为高度的空白空间(如XML中所指定)。在空图像下方会出现 TextView

的预期内容

为什么呢?我错过了什么?我该如何解决这个问题?

TNX

3 个答案:

答案 0 :(得分:2)

首先,您希望在ImageView上使用android:src="@drawable/carbonara"代替android:background="@drawable/carbonara",并设置.setImageDrawable而不是.setBackgroundDrawable

下一步 - 不需要View view = inflater.inflate(R.layout.fragment_screen_slide_page,container,false);,应将其删除。而不是ImageView imgSlideView = (ImageView) view.findViewById(R.id.imageView1);它应该是ImageView imgSlideView = (ImageView) rootView.findViewById(R.id.imageView1);

当然也是这个

final int sdk = android.os.Build.VERSION.SDK_INT;
    if(sdk < android.os.Build.VERSION_CODES.JELLY_BEAN) {
        imgSlideView.setBackgroundDrawable(drawable);
}

仅在sdk低于Jelly Bean时被激活(我不确定这是否适用于您的测试环境)。

答案 1 :(得分:1)

函数inflate每次都会生成一个新视图。你调用了两次,所以你有两个单独的视图: view和rootView ,并返回rootView,所以该片段将显示rootView,没有视图。没有图像。像这样的变化:

    // Retrieve the reference of the ImageView element of the layout having id=imgSlide:
ImageView imgSlideView = (ImageView) rootView.findViewById(R.id.imageView1)

年,而且,ImageView应该使用android:src和setImageDrawable

一切都会好的。

补充说,这个代码块有问题:

final int sdk = android.os.Build.VERSION.SDK_INT;
if(sdk < android.os.Build.VERSION_CODES.JELLY_BEAN) {
       // if your phone version below 4.1
    imgSlideView.setBackgroundDrawable(drawable);
} else {
                          //imgSlideView.setBackground(getResources().getDrawable(R.drawable.colosseum_icon));
}

如果你的手机,android版本大于4.1(我认为是-_- |),你就不会改变你的形象。所以取消注释else代码。

答案 2 :(得分:1)

使用setImageResource()而不是setBackgroundDrawable()

所以它应该是

imageView.setImageResource(R.drawable.your_image);