imageview与textview的状态变换

最新推荐文章于 2021-10-09 16:51:08 发布

xinychan

最新推荐文章于 2021-10-09 16:51:08 发布

阅读量587

点赞数

分类专栏： UI

本文链接：https://blog.csdn.net/xinychan/article/details/51785253

版权

UI 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

点击布局，实现imageview与textview的状态变更

imageview的选择器，判断是否是selected状态

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/upward_arrow_gry" android:state_selected="true"></item>
    <item android:drawable="@drawable/downward_arrow_gry" android:state_selected="false"></item>

</selector>

布局文件，TextView默认visibility=”gone”，消失不见

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white_background"
    android:clipToPadding="true"
    android:fitsSystemWindows="true"
    android:orientation="vertical" >

    <RelativeLayout
        android:id="@+id/relativeLayout_FAQActivity_title"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="@color/main_color" >

        <TextView
            android:id="@+id/textView_FAQActivity_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:gravity="center"
            android:text="@string/FAQ"
            android:textColor="@color/white_pure"
            android:textSize="20sp" />

        <ImageView
            android:id="@+id/imageView_FAQActivity_back"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_centerVertical="true"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="8dp"
            android:layout_marginStart="8dp"
            android:contentDescription="@null"
            android:padding="16dp"
            android:src="@drawable/back_arrow_white" />
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/relativeLayout_FAQActivity_question01"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_marginBottom="1dp"
        android:background="@color/white_pure" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="20dp"
            android:gravity="center_vertical"
            android:text="xxxx？"
            android:textSize="14sp" />

        <ImageView
            android:id="@+id/imageView_FAQActivity_question01"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_gravity="center_vertical"
            android:layout_marginRight="20dp"
            android:contentDescription="@null"
            android:src="@drawable/selector_checked_arrow_updown" />
    </RelativeLayout>

    <TextView
        android:id="@+id/textView_FAQActivity_answer01"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_marginBottom="1dp"
        android:background="@color/white_pure"
        android:text="xxxxxxxxx"
        android:textSize="16sp"
        android:visibility="gone" />

    <RelativeLayout
        android:id="@+id/relativeLayout_FAQActivity_question02"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_marginBottom="1dp"
        android:background="@color/white_pure" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="20dp"
            android:gravity="center_vertical"
            android:text="aaaaa？"
            android:textSize="14sp" />

        <ImageView
            android:id="@+id/imageView_FAQActivity_question02"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_gravity="center_vertical"
            android:layout_marginRight="20dp"
            android:contentDescription="@null"
            android:src="@drawable/selector_checked_arrow_updown" 
            />
    </RelativeLayout>

    <TextView
        android:id="@+id/textView_FAQActivity_answer02"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_marginBottom="1dp"
        android:background="@color/white_pure"
        android:text="xxxxxxxxx"
        android:textSize="16sp"
        android:visibility="gone" />

    <RelativeLayout
        android:id="@+id/relativeLayout_FAQActivity_question03"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_marginBottom="1dp"
        android:background="@color/white_pure" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginLeft="20dp"
            android:gravity="center_vertical"
            android:text="zzzzz？"
            android:textSize="14sp" />

        <ImageView
            android:id="@+id/imageView_FAQActivity_question03"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_gravity="center_vertical"
            android:layout_marginRight="20dp"
            android:contentDescription="@null"
            android:src="@drawable/selector_checked_arrow_updown" />
    </RelativeLayout>

    <TextView
        android:id="@+id/textView_FAQActivity_answer03"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_marginBottom="1dp"
        android:background="@color/white_pure"
        android:text="xxxxxxxxx"
        android:textSize="16sp"
        android:visibility="gone" />

</LinearLayout>

实现点击事件，实现imageview与textview的状态变更

package com.yuu.upost.activity;

import com.yuu.upost.R;
import com.yuu.upost.R.layout;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class FAQActivity extends Activity implements OnClickListener{

    RelativeLayout relativeLayout_FAQActivity_question01;
    RelativeLayout relativeLayout_FAQActivity_question02;
    RelativeLayout relativeLayout_FAQActivity_question03;
    ImageView imageView_FAQActivity_question01;
    ImageView imageView_FAQActivity_question02;
    ImageView imageView_FAQActivity_question03;
    TextView textView_FAQActivity_answer01;
    TextView textView_FAQActivity_answer02;
    TextView textView_FAQActivity_answer03;
    ImageView imageView_FAQActivity_back;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_faq);
    }

    @Override
    protected void onResume() {

        initView();

        setViewOnClickListener();

        super.onResume();
    }
    /**
     * 设置监听器
     */
    private void setViewOnClickListener() {
        imageView_FAQActivity_back.setOnClickListener(this);
        relativeLayout_FAQActivity_question01.setOnClickListener(this);
        relativeLayout_FAQActivity_question02.setOnClickListener(this);
        relativeLayout_FAQActivity_question03.setOnClickListener(this);
    }

    private void initView() {
        imageView_FAQActivity_back = (ImageView) findViewById(R.id.imageView_FAQActivity_back);
        relativeLayout_FAQActivity_question01 = (RelativeLayout) findViewById(R.id.relativeLayout_FAQActivity_question01);
        relativeLayout_FAQActivity_question02 = (RelativeLayout) findViewById(R.id.relativeLayout_FAQActivity_question02);
        relativeLayout_FAQActivity_question03 = (RelativeLayout) findViewById(R.id.relativeLayout_FAQActivity_question03);
        imageView_FAQActivity_question01 = (ImageView) findViewById(R.id.imageView_FAQActivity_question01);
        imageView_FAQActivity_question02 = (ImageView) findViewById(R.id.imageView_FAQActivity_question02);
        imageView_FAQActivity_question03 = (ImageView) findViewById(R.id.imageView_FAQActivity_question03);
        textView_FAQActivity_answer01 = (TextView) findViewById(R.id.textView_FAQActivity_answer01);
        textView_FAQActivity_answer02 = (TextView) findViewById(R.id.textView_FAQActivity_answer02);
        textView_FAQActivity_answer03 = (TextView) findViewById(R.id.textView_FAQActivity_answer03);
    }

    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub
        switch (v.getId()) {
        case R.id.imageView_FAQActivity_back:
            finish();
            break;
        case R.id.relativeLayout_FAQActivity_question01:
        //默认textview消失；点击，若textview是消失状态，则显示；若显示，则消失
            if (textView_FAQActivity_answer01.getVisibility()==View.GONE) {
                textView_FAQActivity_answer01.setVisibility(View.VISIBLE);
            }else {
                textView_FAQActivity_answer01.setVisibility(View.GONE);
            }
            //默认为未选定状态；点击，若imageview是未选定状态，则更改为选定状态；
            if (!imageView_FAQActivity_question01.isSelected()) {
                imageView_FAQActivity_question01.setSelected(true);
            }else {
                imageView_FAQActivity_question01.setSelected(false);
            }

            break;
        case R.id.relativeLayout_FAQActivity_question02:
            if (textView_FAQActivity_answer02.getVisibility()==View.GONE) {
                textView_FAQActivity_answer02.setVisibility(View.VISIBLE);
            }else {
                textView_FAQActivity_answer02.setVisibility(View.GONE);
            }
            if (!imageView_FAQActivity_question02.isSelected()) {
                imageView_FAQActivity_question02.setSelected(true);
            }else {
                imageView_FAQActivity_question02.setSelected(false);
            }

            break;
        case R.id.relativeLayout_FAQActivity_question03:
            if (textView_FAQActivity_answer03.getVisibility()==View.GONE) {
                textView_FAQActivity_answer03.setVisibility(View.VISIBLE);
            }else {
                textView_FAQActivity_answer03.setVisibility(View.GONE);
            }
            if (!imageView_FAQActivity_question03.isSelected()) {
                imageView_FAQActivity_question03.setSelected(true);
            }else {
                imageView_FAQActivity_question03.setSelected(false);
            }

            break;

        }

    }

}