如何将ImageView转换为TextView?

时间:2018-06-11 15:52:09

标签: android listview android-fragments android-imageview textview

以下是我的WordAdapter类

public class WordAdapter extends ArrayAdapter<Word>  {

/** Resource ID for the background color for this list of words */
private int mColorResourceId;

/**
 * Create a new {@link WordAdapter} object.
 *
 * @param context is the current context (i.e. Activity) that the adapter is being created in.
 * @param words is the list of {@link Word}s to be displayed.
 * @param colorResourceId is the resource ID for the background color for this list of words
 */
public WordAdapter(Context context, ArrayList<Word> words, int colorResourceId) {
    super(context, 0, words);
    mColorResourceId = colorResourceId;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    // Check if an existing view is being reused, otherwise inflate the view
    View listItemView = convertView;
    if (listItemView == null) {
        listItemView = LayoutInflater.from(getContext()).inflate(
                R.layout.list_item, parent, false);
    }

    // Get the {@link Word} object located at this position in the list
    final Word currentWord = getItem(position);

    // Find the TextView in the list_item.xml layout with the ID miwok_text_view.
   final  TextView miwokTextView = (TextView) listItemView.findViewById(R.id.miwok_text_view);
    // Get the Miwok translation from the currentWord object and set this text on
    // the Miwok TextView.
    miwokTextView.setText(currentWord.getMiwokTranslationId());

    // Find the TextView in the list_item.xml layout with the ID default_text_view.
    TextView defaultTextView = (TextView) listItemView.findViewById(R.id.default_text_view);
    // Get the default translation from the currentWord object and set this text on
    // the default TextView.
    defaultTextView.setText(currentWord.getDefaultTranslationId());

    // Find the ImageView in the list_item.xml layout with the ID image.
   final ImageView imageView = (ImageView) listItemView.findViewById(R.id.image);
    // Check if an image is provided for this word or not
    if (currentWord.hasImage()) {
        // If an image is available, display the provided image based on the resource ID
        imageView.setImageResource(currentWord.getImageResourceId());
        // Make sure the view is visible
        imageView.setVisibility(View.VISIBLE);
    } else {
        // Otherwise hide the ImageView (set visibility to GONE)
        imageView.setVisibility(View.GONE);
    }

    // Set the theme color for the list item
    View textContainer = listItemView.findViewById(R.id.text_container);
    // Find the color that the resource ID maps to
    int color = ContextCompat.getColor(getContext(), mColorResourceId);
    // Set the background color of the text container View
    textContainer.setBackgroundColor(color);

    // Return the whole list item layout (containing 2 TextViews) so that it can be shown in
    // the ListView.

    // ImageView imageView = (ImageView) listItemView.findViewById(R.id.list_item);
    imageView.setTag(new Integer(position));
    imageView.setOnClickListener(new ImageView.OnClickListener() {


       // Boolean flag = false;
       @Override
        public void onClick(View view) {
           // Toast.makeText(getContext(), "ImageView clicked for the row = " + view.getTag().toString(), Toast.LENGTH_SHORT).show();
          //  if ((Integer) view.getTag() == 0) {
          //      if (flag) {

             //       ((ImageView) view).setImageResource(R.string.miwok_letter_a);
                //    flag = false;
             //   } else {
              //      ((ImageView) view).setImageResource(R.drawable.ka_se_kamal);
             //       flag = true;
              // }
        //    }

        }

    });


    return listItemView;
}
}

这是我的Word课程

public class Word {

/** String resource ID for the default translation of the word */
private int mDefaultTranslationId;

/** String resource ID for the Miwok translation of the word */
private int mMiwokTranslationId;

/** Audio resource ID for the word */
private int mAudioResourceId;

/** Image resource ID for the word */
private int mImageResourceId = NO_IMAGE_PROVIDED;

/** Constant value that represents no image was provided for this word */
private static final int NO_IMAGE_PROVIDED = -1;

/**
 * Create a new Word object.
 *
 * @param defaultTranslationId is the string resource ID for the word in a language that the
 *                             user is already familiar with (such as English)
 * @param miwokTranslationId is the string resource Id for the word in the Miwok language
 * @param audioResourceId is the resource ID for the audio file associated with this word
 */
public Word(int defaultTranslationId, int miwokTranslationId, int audioResourceId) {
    mDefaultTranslationId = defaultTranslationId;
    mMiwokTranslationId = miwokTranslationId;
    mAudioResourceId = audioResourceId;
}

/**
 * Create a new Word object.
 *
 * @param defaultTranslationId is the string resource ID for the word in a language that the
 *                             user is already familiar with (such as English)
 * @param miwokTranslationId is the string resource Id for the word in the Miwok language
 * @param imageResourceId is the drawable resource ID for the image associated with the word
 * @param audioResourceId is the resource ID for the audio file associated with this word
 */
public Word(int defaultTranslationId, int miwokTranslationId, int imageResourceId,
            int audioResourceId) {
    mDefaultTranslationId = defaultTranslationId;
    mMiwokTranslationId = miwokTranslationId;
    mImageResourceId = imageResourceId;
    mAudioResourceId = audioResourceId;
}

/**
 * Get the string resource ID for the default translation of the word.
 */
public int getDefaultTranslationId() {
    return mDefaultTranslationId;
}

/**
 * Get the string resource ID for the Miwok translation of the word.
 */
public int getMiwokTranslationId() {
    return mMiwokTranslationId;
}

/**
 * Return the image resource ID of the word.
 */
public int getImageResourceId() {
    return mImageResourceId;
}

/**
 * Returns whether or not there is an image for this word.  */

public boolean hasImage() {
    return mImageResourceId != NO_IMAGE_PROVIDED;
}


/**
 * Return the audio resource ID of the word.
 */
public int getAudioResourceId() {
    return mAudioResourceId;
}
}

以下是我的Fragmnent类

public class VarnamalaConsonantsFragment extends Fragment {

/** Handles playback of all the sound files */
private MediaPlayer mMediaPlayer;

/** Handles audio focus when playing a sound file */
private AudioManager mAudioManager;



/**
 * This listener gets triggered whenever the audio focus changes
 * (i.e., we gain or lose audio focus because of another app or device).
 */
private AudioManager.OnAudioFocusChangeListener mOnAudioFocusChangeListener = new AudioManager.OnAudioFocusChangeListener() {
    @Override
    public void onAudioFocusChange(int focusChange) {
        if (focusChange == AudioManager.AUDIOFOCUS_LOSS_TRANSIENT ||
                focusChange == AudioManager.AUDIOFOCUS_LOSS_TRANSIENT_CAN_DUCK) {
            // The AUDIOFOCUS_LOSS_TRANSIENT case means that we've lost audio focus for a
            // short amount of time. The AUDIOFOCUS_LOSS_TRANSIENT_CAN_DUCK case means that
            // our app is allowed to continue playing sound but at a lower volume. We'll treat
            // both cases the same way because our app is playing short sound files.

            // Pause playback and reset player to the start of the file. That way, we can
            // play the word from the beginning when we resume playback.
            mMediaPlayer.pause();
            mMediaPlayer.seekTo(0);
        } else if (focusChange == AudioManager.AUDIOFOCUS_GAIN) {
            // The AUDIOFOCUS_GAIN case means we have regained focus and can resume playback.
            mMediaPlayer.start();
        } else if (focusChange == AudioManager.AUDIOFOCUS_LOSS) {
            // The AUDIOFOCUS_LOSS case means we've lost audio focus and
            // Stop playback and clean up resources
            releaseMediaPlayer();
        }
    }
};




/**
 * This listener gets triggered when the {@link MediaPlayer} has completed
 * playing the audio file.
 */
private MediaPlayer.OnCompletionListener mCompletionListener = new MediaPlayer.OnCompletionListener() {
    @Override
    public void onCompletion(MediaPlayer mediaPlayer) {
        // Now that the sound file has finished playing, release the media player resources.
        releaseMediaPlayer();
    }
};

public VarnamalaConsonantsFragment() {
    // Required empty public constructor
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    View rootView = inflater.inflate(R.layout.word_list, container, false);

    // Create and setup the {@link AudioManager} to request audio focus
    mAudioManager = (AudioManager) getActivity().getSystemService(AUDIO_SERVICE);

    // Create a list of words
    final ArrayList<Word> words = new ArrayList<Word>();

/** THIS IS THE LIST VIEW WHERE I NEED THE IMAGE (R.DRAWABLE.ka_se_kamal) 
WHEN CLICKED SHOULD BE CHANGED TO (R.STRING.miwok_letter_a) */


    words.add(new Word(R.string.letter_ka, R.string.miwok_letter_ka,
            R.drawable.ka_se_kamal, R.raw.ka_se_kamal_audio));
    words.add(new Word(R.string.letter_kha, R.string.miwok_letter_kha,
            R.drawable.kha_se_kharghosh, R.raw.kha_se_khargosh_audio));
    words.add(new Word(R.string.letter_ga, R.string.miwok_letter_ga,
            R.drawable.ga_se_gamla, R.raw.ga_se_gamla_audio));
    words.add(new Word(R.string.letter_gha, R.string.miwok_letter_gha,
            R.drawable.gha_se_ghar, R.raw.gh_se_ghar_audio));
    words.add(new Word(R.string.letter_nga, R.string.miwok_letter_nga,
            R.drawable.dya_se_dya, R.raw.ada_audio));


    // Create an {@link WordAdapter}, whose data source is a list of {@link Word}s. The
    // adapter knows how to create list items for each item in the list.
    WordAdapter adapter = new WordAdapter(getActivity(), words, R.color.category_numbers);

    // Find the {@link ListView} object in the view hierarchy of the {@link Activity}.
    // There should be a {@link ListView} with the view ID called list, which is declared in the
    // word_list.xml layout file.
    ListView listView = (ListView) rootView.findViewById(R.id.list);

    // Make the {@link ListView} use the {@link WordAdapter} we created above, so that the
    // {@link ListView} will display list items for each {@link Word} in the list.
    listView.setAdapter(adapter);

    // Set a click listener to play the audio when the list item is clicked on
    listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {
            // Release the media player if it currently exists because we are about to
            // play a different sound file
            releaseMediaPlayer();

            // Get the {@link Word} object at the given position the user clicked on
            Word word = words.get(position);

            // Request audio focus so in order to play the audio file. The app needs to play a
            // short audio file, so we will request audio focus with a short amount of time
            // with AUDIOFOCUS_GAIN_TRANSIENT.
            int result = mAudioManager.requestAudioFocus(mOnAudioFocusChangeListener,
                    AudioManager.STREAM_MUSIC, AudioManager.AUDIOFOCUS_GAIN_TRANSIENT);

            if (result == AudioManager.AUDIOFOCUS_REQUEST_GRANTED) {
                // We have audio focus now.

                // Create and setup the {@link MediaPlayer} for the audio resource associated
                // with the current word
                mMediaPlayer = MediaPlayer.create(getActivity(), word.getAudioResourceId());

                // Start the audio file
                mMediaPlayer.start();

                // Setup a listener on the media player, so that we can stop and release the
                // media player once the sound has finished playing.
                mMediaPlayer.setOnCompletionListener(mCompletionListener);
            }
        }
    });

    return rootView;
}

@Override
public void onStop() {
    super.onStop();

    // When the activity is stopped, release the media player resources because we won't
    // be playing any more sounds.
    releaseMediaPlayer();
}

/**
 * Clean up the media player by releasing its resources.
 */
private void releaseMediaPlayer() {
    // If the media player is not null, then it may be currently playing a sound.
    if (mMediaPlayer != null) {
        // Regardless of the current state of the media player, release its resources
        // because we no longer need it.
        mMediaPlayer.release();

        // Set the media player back to null. For our code, we've decided that
        // setting the media player to null is an easy way to tell that the media player
        // is not configured to play an audio file at the moment.
        mMediaPlayer = null;

        // Regardless of whether or not we were granted audio focus, abandon it. This also
        // unregisters the AudioFocusChangeListener so we don't get anymore callbacks.
        mAudioManager.abandonAudioFocus(mOnAudioFocusChangeListener);
    }
}

}

我需要将ImageView转换为TextView,以便我可以在ClickView中将我的ListView中的图像切换为文本。如何将ImageView转换为TextView?

列表视图我需要的图像(R.DRAWABLE.ka_se_kamal)时间 点击应该改为(R.STRING.miwok_letter_a)

其他问题没有解决我的问题的原因是所有解决方案都提供了通过setBackgroundResource更改图像视图,其中单击时可以在列表视图中更改图像。但为此我需要为列表中的所有项目创建图像,这些图像可能会占用大量资源..如果列表视图中的图像可以更改为文本视图,那就更好了..

1 个答案:

答案 0 :(得分:0)

你必须同时使用imageView和textView。您可以更改可见性。当用户单击imageView时,您可以将其可见性设置为已消失,并将textView的可见性设置为可见。以下代码对我有用:

       Boolean flag =false;
         @Override
        public void onClick(View view) {

               // Toast.makeText(getContext(), "ImageView clicked for the row = "+view.getTag().toString(), Toast.LENGTH_SHORT).show();
            if(flag){

                imageView.setAlpha(255);
               // imageView.setImageResource(R.drawable.a_se_anaar);
                onClickTextView.setVisibility(View.INVISIBLE);
                flag = false;
            }else{
                imageView.setAlpha(0);
                onClickTextView.setVisibility(View.VISIBLE);
                flag =true;

            }

        }