溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android如何實(shí)現(xiàn)下拉展示條目效果

發(fā)布時(shí)間:2021-04-16 11:04:50 來源:億速云 閱讀:188 作者:小新 欄目:移動(dòng)開發(fā)

這篇文章主要介紹Android如何實(shí)現(xiàn)下拉展示條目效果,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

具體內(nèi)容如下

布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:background="#000000"
tools:context="com.example.a2_.MainActivity">

<EditText
  android:id="@+id/et_input"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:textColor="#fff"
  android:text="請(qǐng)輸入內(nèi)容" />

<ImageButton
  android:padding="6dp"
  android:background="@null"
  android:layout_alignRight="@id/et_input"
  android:id="@+id/ib"
  android:src="@mipmap/down_arrow"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" />
</RelativeLayout>

條目布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp"
android:descendantFocusability="blocksDescendants"
android:orientation="horizontal">

<ImageView

  android:src="@mipmap/user"
  android:id="@+id/iv_user"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" />

<TextView
  android:layout_weight="1"
  android:id="@+id/tv_data"
  android:text="100"
  android:textColor="#000000"
  android:gravity="center_horizontal"
  android:layout_width="0dp"
  android:layout_height="wrap_content" />

<ImageButton
  android:background="@null"
  android:src="@mipmap/delete"
  android:id="@+id/iv_delete"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" />

</LinearLayout>

核心代碼

package com.example.a2_;

import android.graphics.drawable.ColorDrawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

private EditText et_input;
private PopupWindow popupWindow;
private ListView lv_list;
private ArrayList<String> data;
private MyAdapter myAdapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  //初始化控件
  et_input = (EditText) findViewById(R.id.et_input);
  ImageButton ib = (ImageButton) findViewById(R.id.ib);

  //初始化數(shù)據(jù)源
  initData();
  //創(chuàng)建一個(gè)listView
  lv_list = new ListView(this);
  //給listview設(shè)置背景
  lv_list.setBackgroundResource(R.mipmap.listview_background);
  //給listview設(shè)置適配器
  myAdapter = new MyAdapter();
  lv_list.setAdapter(myAdapter);
  //給listview設(shè)置條目點(diǎn)擊事件
  lv_list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
      //當(dāng)點(diǎn)擊到一個(gè)條目的時(shí)候,就把這個(gè)條目的內(nèi)容顯示在輸入框中
      et_input.setText(data.get(position));
      popupWindow.dismiss();
    }
  });

  //給按鈕設(shè)置點(diǎn)擊事件
  ib.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
      //當(dāng)點(diǎn)擊下拉按鈕時(shí),顯示列表選項(xiàng)
      showPopup();
    }
  });

}

//初始化數(shù)據(jù)
private void initData() {
  //創(chuàng)建一個(gè)集合,用來存儲(chǔ)數(shù)據(jù)
  data = new ArrayList<>();
  //通過for循環(huán)創(chuàng)建數(shù)據(jù)
  for (int i = 1;i<20;i++){
    data.add(100+i+"");
  }
}

//顯示下拉的列表?xiàng)l目
private void showPopup() {
  //創(chuàng)建PopupWindow對(duì)象
  popupWindow = new PopupWindow(lv_list,et_input.getWidth(),500,true);
  //為了在點(diǎn)擊列表?xiàng)l目之外的區(qū)域能夠讓列表?xiàng)l目隱藏,為列表?xiàng)l目設(shè)置一個(gè)背景
  popupWindow.setBackgroundDrawable(new ColorDrawable());
  //讓列表?xiàng)l目顯示 并指定在哪個(gè)列表?xiàng)l目下展示
  popupWindow.showAsDropDown(et_input);
}

//創(chuàng)建一個(gè)適配器
class MyAdapter extends BaseAdapter{

  @Override
  public int getCount() {
    return data.size();
  }

  @Override
  public String getItem(int position) {
    return data.get(position);
  }

  @Override
  public long getItemId(int position) {
    return position;
  }

  @Override
  public View getView(final int position, View convertView, ViewGroup parent) {
    //判斷convertView是否為空
    if (convertView==null){
      convertView = View.inflate(MainActivity.this,R.layout.lv_item,null);

    }
    //找到控件
    TextView tv_data = (TextView) convertView.findViewById(R.id.tv_data);
    ImageView iv_delete = (ImageView) convertView.findViewById(R.id.iv_delete);

    //設(shè)置點(diǎn)擊事件
    iv_delete.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        //刪除集合里面的數(shù)據(jù)
        data.remove(position);
        //刷新頁(yè)面
        myAdapter.notifyDataSetChanged();
      }
    });
    //獲取數(shù)據(jù)
    String data = getItem(position);
    //設(shè)置數(shù)據(jù)
    tv_data.setText(data);
    return convertView;
  }
}

}

以上是“Android如何實(shí)現(xiàn)下拉展示條目效果”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI