如何使用按钮和文本实现动态LinearLayout?

时间:2019-05-02 12:52:52

标签: android android-recyclerview android-listview

我尝试以编程方式在LinearLayout中添加元素,根据某些条件,该元素包含条件差异元素。但是我绝对不知道该怎么做。

我要实现的目标是Quizz应用程序的friendList,它显示了用户获得用户的好友请求,即他已经拥有的好友。该活动还包含一个搜索栏,允许用户在他的朋友中搜索,并且如果在文本栏中输入的文本与他的任何朋友都不对应,它将显示具有相似用户名的用户。

我已经尝试过很多尝试将文本动态添加到linearLayout中的方法,并且我搜索了可以添加到linearLayout中而不是TextView中的容器,但是我看不到任何适合我目的的容器。

我已经在网上进行了一些搜索,显然有一个listView可以满足我的目的,但是我不知道如何实现它。

这是我的XML:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/textView2"
        android:layout_width="312dp"
        android:layout_height="50dp"
        android:layout_marginStart="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginRight="8dp"
        android:gravity="center"
        android:text="@string/friendList"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="@+id/friends_menu_button"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/friends_edit_text"
        android:layout_width="275dp"
        android:layout_height="38dp"
        android:layout_marginTop="8dp"
        android:ems="10"
        android:inputType="textPersonName|text"
        android:text="@string/findFriend"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView2" />

    <Button
        android:id="@+id/friends_menu_button"
        android:layout_width="wrap_content"
        android:layout_height="53dp"
        android:layout_marginStart="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="8dp"
        android:text="menu"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <ScrollView
        android:id="@+id/scrollView3"
        android:layout_width="415dp"
        android:layout_height="0dp"
        android:layout_marginStart="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/friends_edit_text">

        <LinearLayout
            android:id="@+id/friends_Linear_Layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" />
    </ScrollView>

    <Button
        android:id="@+id/f_search_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginRight="8dp"
        android:text="search"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView2" />

</android.support.constraint.ConstraintLayout>

这是我的活动:

package be.uclouvain.lsinf1225.groupej2a.iqtest;

import android.content.Intent;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.TextView;
import  android.util.Log;
import java.util.ArrayList;
import java.util.List;

public class FriendsListActivity extends AppCompatActivity {
    private Button menuButton;
    private Button searchButton;
    private DatabaseHelper myDb;
    private LinearLayout friendLayout;
    private User myUser;
    private EditText searchbar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_friends);
        myDb = DatabaseHelper.getInstance(this);
        myUser = myDb.getCurrentUser();
        menuButton = (Button) findViewById(R.id.friends_menu_button);
        friendLayout= (LinearLayout) findViewById(R.id.friends_Linear_Layout);
        searchbar = findViewById(R.id.friends_edit_text);
        searchButton = findViewById(R.id.f_search_button);
        //showFriends();
        searchButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
               String search = searchbar.getText().toString();
               clearFriends();
               showFriends();
            }
        });
        menuButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent MainMenuActivity = new Intent(FriendsListActivity.this, MainMenuActivity.class);
                startActivity(MainMenuActivity);
            }
        });
    }
    private void showFriends(){
        LinearLayout myLayout = this.friendLayout;
        DatabaseHelper db = this.myDb;
        User myUser = this.myUser;
        String myUsername = myUser.getUsername();
        String friendList[] = db.getFriends(myUsername);
        int j=0;
        for(String i : friendList){
            Log.d("showFriends",i);
            TextView temp = new TextView(this.getApplicationContext());
            temp.setText(i);
            temp.setId(j);
            myLayout.addView(temp);
            j++;
        }


    }
    private void clearFriends(){
        LinearLayout myLayout = this.friendLayout;
        DatabaseHelper db = this.myDb;
        myLayout.removeAllViews();

    }
}

实际结果是(我知道只有文本,但是我不知道该怎么做):

enter image description here

(声誉不足,无法发布图片)

我想要这样的东西:

enter image description here

请给我解释它是如何工作的,如果可能的话,请提供一些示例,无需浪费时间让代码完全按照我想要的方式进行:)

提前致谢。

2 个答案:

答案 0 :(得分:0)

您必须使用带有自定义数组适配器的列表视图。尝试在android开发人员指南网站或youtube上参考这些概念的一些教程。

我发现这本关于udacity的免费课程的第二课包含适合您目的的优秀教程。

https://classroom.udacity.com/courses/ud839

答案 1 :(得分:0)

您需要使用多视图recyclerview。我从用户界面中可以看到您正在使用3种类型的视图(即“已经是朋友”,“被请求的朋友”,“其他”)。您需要在自定义适配器中创建3个布局和相应的视口。