After trying a long not able to provide space between 2 card view elements inside a recycler view for both horizontal and vertical

huangapple go评论107阅读模式
英文:

After trying a long not able to provide space between 2 card view elements inside a recycler view for both horizontal and vertical

问题

以下是翻译好的部分:

  1. package com.example.cako;
  2. import androidx.annotation.NonNull;
  3. import androidx.appcompat.app.AppCompatActivity;
  4. import androidx.recyclerview.widget.GridLayoutManager;
  5. import androidx.recyclerview.widget.LinearLayoutManager;
  6. import androidx.recyclerview.widget.RecyclerView;
  7. import android.app.Activity;
  8. import android.content.Context;
  9. import android.util.Log;
  10. import android.view.LayoutInflater;
  11. import android.view.View;
  12. import android.view.ViewGroup;
  13. import android.widget.ImageView;
  14. import android.widget.TextView;
  15. import androidx.appcompat.widget.Toolbar;
  16. import android.os.Bundle;
  17. import android.widget.Toast;
  18. import com.bumptech.glide.Glide;
  19. import com.google.android.material.floatingactionbutton.FloatingActionButton;
  20. public class FirstActivity extends AppCompatActivity{
  21. @Override
  22. protected void onCreate(Bundle savedInstanceState) {
  23. super.onCreate(savedInstanceState);
  24. setContentView(R.layout.activity_first);
  25. String []x={"Aaran", "Aaren", "Aarez", "Aarman", "Aaron", "Aaron-James", "Aarron", "Aaryan", "Abhinav","Ankit"};
  26. String []image= {"https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Aloo_gobi.jpg/180px-Aloo_gobi.jpg",
  27. "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Aloo_gobi.jpg/180px-Aloo_gobi.jpg",
  28. "https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Aloo_Tikki_served_with_chutneys.jpg/180px-Aloo_Tikki_served_with_chutneys.jpg",
  29. "https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/Aloo_Mattar.jpg/180px-Aloo_Mattar.jpg",
  30. "https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Aloo_Methi_%28Aaloo_Methi%29.JPG/180px-Aloo_Methi_%28Aaloo_Methi%29.JPG",
  31. "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Spicy_alloo_with_tadka_mirchi.jpg/180px-Spicy_alloo_with_tadka_mirchi.jpg",
  32. "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Aloo_gobi.jpg/180px-Aloo_gobi.jpg",
  33. "https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Aloo_gobi.jpg/180px-Aloo_gobi.jpg",
  34. "https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Aloo_Tikki_served_with_chutneys.jpg/180px-Aloo_Tikki_served_with_chutneys.jpg",
  35. "https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/Aloo_Mattar.jpg/180px-Aloo_Mattar.jpg"
  36. };
  37. Toolbar toolbar=findViewById(R.id.toolbar) ;
  38. setSupportActionBar(toolbar);
  39. RecyclerView horizontalrecyclerView =(RecyclerView)findViewById(R.id.recyclerViewHorizontal);
  40. horizontalrecyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL,false));
  41. horizontalrecyclerView.setAdapter(new RecyclerVview(this,x,image));
  42. RecyclerView verticalrecyclerView =(RecyclerView)findViewById(R.id.recyclerViewVertical);
  43. verticalrecyclerView.setLayoutManager(new GridLayoutManager(this,2));
  44. verticalrecyclerView.setAdapter(new RecyclerVview(this,x,image));
  45. }
  46. }
  47. class RecyclerVview extends RecyclerView.Adapter<RecyclerVview.Holder>{
  48. Activity co;
  49. String[] name;
  50. String[] image;
  51. public RecyclerVview(Context applicationContext, String[] x, String[] image) {
  52. co=(Activity)applicationContext;
  53. name=x;
  54. this.image=image;
  55. }
  56. @NonNull
  57. @Override
  58. public Holder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
  59. View v=LayoutInflater.from(co).inflate(R.layout.layout_for_horizontal_recyclerview,parent,false);
  60. return new Holder(v);
  61. }
  62. @Override
  63. public void onBindViewHolder(@NonNull final Holder holder, int position) {
  64. holder.textViewForItemName.setText(name[position]);
  65. Glide.with(co).load(image[position]).into(holder.image);
  66. holder.floatingActionButton.setOnClickListener(new View.OnClickListener() {
  67. @Override
  68. public void onClick(View view) {
  69. Toast.makeText(co, "yesWorking", Toast.LENGTH_SHORT).show();
  70. Log.i("yes","log");
  71. }
  72. });
  73. holder.textViewForPrice.setText("30$");
  74. holder.textViewForPieceInfo.setText("Single Piece Only.");
  75. }
  76. @Override
  77. public int getItemCount() {
  78. return name.length;
  79. }
  80. public class Holder extends RecyclerView.ViewHolder{
  81. ImageView image;
  82. TextView textViewForItemName;
  83. FloatingActionButton floatingActionButton;
  84. TextView textViewForPrice;
  85. TextView textViewForPieceInfo;
  86. public Holder(@NonNull View itemView) {
  87. super(itemView);
  88. image=itemView.findViewById(R.id.imageView);
  89. textViewForItemName=itemView.findViewById(R.id.textView4);
  90. floatingActionButton=itemView.findViewById(R.id.floatingActionButton);
  91. textViewForPieceInfo=itemView.findViewById(R.id.textViewForPieceInfo);
  92. textViewForPrice=itemView.findViewById(R.id.textViewforPrice);
  93. }
  94. }
  95. }
英文:

I want to add some space between 2 cards in both the horizontal recycler view and the vert recycler view but not able to add tried everything but won't getting a sol as u can see in the below image For horizontal both the cards are over each other.

After trying a long not able to provide space between 2 card view elements inside a recycler view for both horizontal and vertical

My XML code in which I had defined recycler view Both hor. and ver. :-

  1. &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  2. &lt;androidx.constraintlayout.widget.ConstraintLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
  3. xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot;
  4. xmlns:tools=&quot;http://schemas.android.com/tools&quot;
  5. android:layout_width=&quot;match_parent&quot;
  6. android:layout_height=&quot;match_parent&quot;
  7. android:background=&quot;@color/AppBackground&quot;&gt;
  8. &lt;com.google.android.material.appbar.AppBarLayout
  9. android:id=&quot;@+id/appBar&quot;
  10. android:layout_width=&quot;match_parent&quot;
  11. android:layout_height=&quot;wrap_content&quot;
  12. tools:ignore=&quot;MissingConstraints&quot;&gt;
  13. &lt;androidx.appcompat.widget.Toolbar
  14. android:id=&quot;@+id/toolbar&quot;
  15. android:layout_width=&quot;match_parent&quot;
  16. android:layout_height=&quot;?android:attr/actionBarSize&quot;
  17. android:background=&quot;@color/AppBackground&quot;&gt;
  18. &lt;/androidx.appcompat.widget.Toolbar&gt;
  19. &lt;/com.google.android.material.appbar.AppBarLayout&gt;
  20. &lt;androidx.core.widget.NestedScrollView
  21. android:id=&quot;@+id/nestedsview&quot;
  22. android:layout_width=&quot;match_parent&quot;
  23. android:layout_height=&quot;wrap_content&quot;
  24. android:padding=&quot;10dp&quot;
  25. app:layout_constraintBottom_toBottomOf=&quot;parent&quot;
  26. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  27. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  28. app:layout_constraintTop_toBottomOf=&quot;@+id/appBar&quot;&gt;
  29. &lt;androidx.constraintlayout.widget.ConstraintLayout
  30. android:id=&quot;@+id/constraint&quot;
  31. android:layout_width=&quot;match_parent&quot;
  32. android:layout_height=&quot;wrap_content&quot;
  33. android:padding=&quot;10dp&quot;
  34. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  35. app:layout_constraintHorizontal_bias=&quot;0.0&quot;
  36. app:layout_constraintStart_toStartOf=&quot;parent&quot;&gt;
  37. &lt;TextView
  38. android:id=&quot;@+id/text&quot;
  39. android:layout_width=&quot;match_parent&quot;
  40. android:layout_height=&quot;wrap_content&quot;
  41. android:layout_marginTop=&quot;10dp&quot;
  42. android:fontFamily=&quot;@font/playfair_display_bold_italic&quot;
  43. android:text=&quot;Looking for a delecious cake?&quot;
  44. android:textColor=&quot;@android:color/black&quot;
  45. android:textSize=&quot;20sp&quot;
  46. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  47. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  48. app:layout_constraintTop_toTopOf=&quot;parent&quot; /&gt;
  49. &lt;LinearLayout
  50. android:id=&quot;@+id/linear&quot;
  51. android:layout_width=&quot;match_parent&quot;
  52. android:layout_height=&quot;wrap_content&quot;
  53. android:layout_marginTop=&quot;10dp&quot;
  54. android:orientation=&quot;horizontal&quot;
  55. app:layout_constraintBottom_toTopOf=&quot;@id/recyclerViewHorizontal&quot;
  56. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  57. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  58. app:layout_constraintTop_toBottomOf=&quot;@+id/text&quot;&gt;
  59. &lt;TextView
  60. android:id=&quot;@+id/textView3&quot;
  61. android:layout_width=&quot;wrap_content&quot;
  62. android:layout_height=&quot;wrap_content&quot;
  63. android:layout_marginStart=&quot;10dp&quot;
  64. android:fontFamily=&quot;@font/playfair_display_bold_italic&quot;
  65. android:text=&quot;More&quot;
  66. android:textColor=&quot;@android:color/black&quot;
  67. android:textSize=&quot;20sp&quot;
  68. app:layout_constraintTop_toTopOf=&quot;parent&quot; /&gt;
  69. &lt;Button
  70. android:id=&quot;@+id/button&quot;
  71. android:layout_width=&quot;wrap_content&quot;
  72. android:layout_height=&quot;wrap_content&quot;
  73. android:layout_marginStart=&quot;200dp&quot;
  74. android:layout_marginEnd=&quot;20dp&quot;
  75. android:text=&quot;Button&quot;
  76. app:layout_constraintTop_toTopOf=&quot;parent&quot;
  77. tools:layout_editor_absoluteX=&quot;266dp&quot; /&gt;
  78. &lt;/LinearLayout&gt;
  79. &lt;androidx.recyclerview.widget.RecyclerView
  80. android:id=&quot;@+id/recyclerViewHorizontal&quot;
  81. android:layout_width=&quot;match_parent&quot;
  82. android:layout_height=&quot;wrap_content&quot;
  83. android:layout_marginTop=&quot;10dp&quot;
  84. android:paddingLeft=&quot;5dp&quot;
  85. android:paddingTop=&quot;5dp&quot;
  86. android:paddingRight=&quot;5dp&quot;
  87. android:paddingBottom=&quot;5dp&quot;
  88. app:layout_constraintBottom_toTopOf=&quot;@+id/textView6&quot;
  89. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  90. app:layout_constraintHorizontal_bias=&quot;0.526&quot;
  91. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  92. app:layout_constraintTop_toBottomOf=&quot;@+id/linear&quot;
  93. tools:context=&quot;.FirstActivity&quot;&gt;
  94. &lt;/androidx.recyclerview.widget.RecyclerView&gt;
  95. &lt;TextView
  96. android:id=&quot;@+id/textView6&quot;
  97. android:layout_width=&quot;match_parent&quot;
  98. android:layout_height=&quot;wrap_content&quot;
  99. android:layout_marginStart=&quot;0dp&quot;
  100. android:layout_marginTop=&quot;10dp&quot;
  101. android:fontFamily=&quot;@font/playfair_display_bold_italic&quot;
  102. android:text=&quot;Best Selling&quot;
  103. android:textColor=&quot;@android:color/black&quot;
  104. android:textSize=&quot;20sp&quot;
  105. app:layout_constraintBottom_toTopOf=&quot;@+id/recyclerViewVertical&quot;
  106. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  107. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  108. app:layout_constraintTop_toBottomOf=&quot;@id/recyclerViewHorizontal&quot; /&gt;
  109. &lt;androidx.recyclerview.widget.RecyclerView
  110. android:id=&quot;@+id/recyclerViewVertical&quot;
  111. android:layout_width=&quot;match_parent&quot;
  112. android:layout_height=&quot;wrap_content&quot;
  113. android:layout_marginHorizontal=&quot;20dp&quot;
  114. android:layout_marginStart=&quot;30dp&quot;
  115. android:layout_marginTop=&quot;10dp&quot;
  116. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  117. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  118. app:layout_constraintTop_toBottomOf=&quot;@+id/textView6&quot;
  119. tools:context=&quot;.FirstActivity&quot;
  120. &gt;
  121. &lt;/androidx.recyclerview.widget.RecyclerView&gt;
  122. &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;
  123. &lt;/androidx.core.widget.NestedScrollView&gt;
  124. &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;

My Xml Code for card :

  1. &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  2. &lt;androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
  3. xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot;
  4. xmlns:tools=&quot;http://schemas.android.com/tools&quot;
  5. android:layout_width=&quot;wrap_content&quot;
  6. android:layout_height=&quot;wrap_content&quot;
  7. android:padding=&quot;20dp&quot;
  8. &gt;
  9. &lt;androidx.cardview.widget.CardView
  10. android:id=&quot;@+id/cardView&quot;
  11. android:layout_width=&quot;170dp&quot;
  12. android:layout_height=&quot;220dp&quot;
  13. android:padding=&quot;10dp&quot;
  14. android:elevation=&quot;10dp&quot;
  15. app:cardBackgroundColor=&quot;@color/CardColor&quot;
  16. app:cardCornerRadius=&quot;25sp&quot;
  17. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  18. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  19. app:layout_constraintTop_toTopOf=&quot;parent&quot;&gt;
  20. &lt;androidx.constraintlayout.widget.ConstraintLayout
  21. android:id=&quot;@+id/constraint&quot;
  22. android:layout_width=&quot;130dp&quot;
  23. android:layout_height=&quot;180dp&quot;
  24. android:layout_gravity=&quot;center&quot;
  25. android:background=&quot;@color/CardColor&quot;
  26. android:padding=&quot;5dp&quot;&gt;
  27. &lt;ImageView
  28. android:id=&quot;@+id/imageView&quot;
  29. android:layout_width=&quot;90dp&quot;
  30. android:layout_height=&quot;100dp&quot;
  31. android:foregroundGravity=&quot;center_horizontal&quot;
  32. android:scaleType=&quot;fitXY&quot;
  33. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  34. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  35. app:layout_constraintTop_toTopOf=&quot;parent&quot; /&gt;
  36. &lt;TextView
  37. android:id=&quot;@+id/textView4&quot;
  38. android:layout_width=&quot;match_parent&quot;
  39. android:layout_height=&quot;wrap_content&quot;
  40. android:layout_marginStart=&quot;5dp&quot;
  41. android:layout_marginTop=&quot;5dp&quot;
  42. android:fontFamily=&quot;@font/playfair_display_bold_italic&quot;
  43. android:gravity=&quot;center&quot;
  44. android:text=&quot;Great&quot;
  45. android:textColor=&quot;@android:color/black&quot;
  46. android:textSize=&quot;12sp&quot;
  47. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  48. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  49. app:layout_constraintTop_toBottomOf=&quot;@+id/imageView&quot; /&gt;
  50. &lt;TextView
  51. android:id=&quot;@+id/textViewForPieceInfo&quot;
  52. android:layout_width=&quot;wrap_content&quot;
  53. android:layout_height=&quot;wrap_content&quot;
  54. android:layout_marginStart=&quot;5dp&quot;
  55. android:layout_marginTop=&quot;5dp&quot;
  56. android:fontFamily=&quot;@font/playfair_display_bold_italic&quot;
  57. android:text=&quot;Ram&quot;
  58. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  59. app:layout_constraintTop_toBottomOf=&quot;@+id/textView4&quot; /&gt;
  60. &lt;TextView
  61. android:id=&quot;@+id/textViewforPrice&quot;
  62. android:text=&quot;Shyam&quot;
  63. android:layout_width=&quot;wrap_content&quot;
  64. android:layout_height=&quot;wrap_content&quot;
  65. android:layout_marginStart=&quot;5dp&quot;
  66. android:layout_marginTop=&quot;5dp&quot;
  67. android:fontFamily=&quot;@font/playfair_display_bold_italic&quot;
  68. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  69. app:layout_constraintTop_toBottomOf=&quot;@+id/textViewForPieceInfo&quot; /&gt;
  70. &lt;com.google.android.material.floatingactionbutton.FloatingActionButton
  71. android:id=&quot;@+id/floatingActionButton&quot;
  72. android:layout_width=&quot;wrap_content&quot;
  73. android:layout_height=&quot;wrap_content&quot;
  74. android:layout_marginEnd=&quot;10dp&quot;
  75. android:layout_marginBottom=&quot;2dp&quot;
  76. app:fabSize=&quot;mini&quot;
  77. app:layout_constraintBottom_toBottomOf=&quot;parent&quot;
  78. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  79. app:layout_constraintHorizontal_bias=&quot;1.0&quot;
  80. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  81. app:srcCompat=&quot;@drawable/ic_baseline_add_24&quot; /&gt;
  82. &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;
  83. &lt;/androidx.cardview.widget.CardView&gt;
  84. &lt;/androidx.coordinatorlayout.widget.CoordinatorLayout&gt;

My recycler view class code:

  1. package com.example.cako;
  2. import androidx.annotation.NonNull;
  3. import androidx.appcompat.app.AppCompatActivity;
  4. import androidx.recyclerview.widget.GridLayoutManager;
  5. import androidx.recyclerview.widget.LinearLayoutManager;
  6. import androidx.recyclerview.widget.RecyclerView;
  7. import android.app.Activity;
  8. import android.content.Context;
  9. import android.util.Log;
  10. import android.view.LayoutInflater;
  11. import android.view.View;
  12. import android.view.ViewGroup;
  13. import android.widget.ImageView;
  14. import android.widget.TextView;
  15. import androidx.appcompat.widget.Toolbar;
  16. import android.os.Bundle;
  17. import android.widget.Toast;
  18. import com.bumptech.glide.Glide;
  19. import com.google.android.material.floatingactionbutton.FloatingActionButton;
  20. public class FirstActivity extends AppCompatActivity{
  21. @Override
  22. protected void onCreate(Bundle savedInstanceState) {
  23. super.onCreate(savedInstanceState);
  24. setContentView(R.layout.activity_first);
  25. String []x={&quot;Aaran&quot;, &quot;Aaren&quot;, &quot;Aarez&quot;, &quot;Aarman&quot;, &quot;Aaron&quot;, &quot;Aaron-James&quot;, &quot;Aarron&quot;, &quot;Aaryan&quot;, &quot;Abhinav&quot;,&quot;Ankit&quot;};
  26. String []image= {&quot;https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Aloo_gobi.jpg/180px-Aloo_gobi.jpg&quot;,
  27. &quot;https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Aloo_gobi.jpg/180px-Aloo_gobi.jpg&quot;,
  28. &quot;https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Aloo_Tikki_served_with_chutneys.jpg/180px-Aloo_Tikki_served_with_chutneys.jpg&quot;,
  29. &quot;https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/Aloo_Mattar.jpg/180px-Aloo_Mattar.jpg&quot;,
  30. &quot;https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Aloo_Methi_%28Aaloo_Methi%29.JPG/180px-Aloo_Methi_%28Aaloo_Methi%29.JPG&quot;,
  31. &quot;https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Spicy_alloo_with_tadka_mirchi.jpg/180px-Spicy_alloo_with_tadka_mirchi.jpg&quot;,
  32. &quot;https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Aloo_gobi.jpg/180px-Aloo_gobi.jpg&quot;,
  33. &quot;https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Aloo_gobi.jpg/180px-Aloo_gobi.jpg&quot;,
  34. &quot;https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Aloo_Tikki_served_with_chutneys.jpg/180px-Aloo_Tikki_served_with_chutneys.jpg&quot;,
  35. &quot;https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/Aloo_Mattar.jpg/180px-Aloo_Mattar.jpg&quot;
  36. };
  37. Toolbar toolbar=findViewById(R.id.toolbar) ;
  38. setSupportActionBar(toolbar);
  39. RecyclerView horizontalrecyclerView =(RecyclerView)findViewById(R.id.recyclerViewHorizontal);
  40. horizontalrecyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL,false));
  41. horizontalrecyclerView.setAdapter(new RecyclerVview(this,x,image));
  42. RecyclerView verticalrecyclerView =(RecyclerView)findViewById(R.id.recyclerViewVertical);
  43. verticalrecyclerView.setLayoutManager(new GridLayoutManager(this,2));
  44. verticalrecyclerView.setAdapter(new RecyclerVview(this,x,image));
  45. }
  46. }
  47. class RecyclerVview extends RecyclerView.Adapter&lt;RecyclerVview.Holder&gt;{
  48. Activity co;
  49. String[] name;
  50. String[] image;
  51. public RecyclerVview(Context applicationContext, String[] x, String[] image) {
  52. co=(Activity)applicationContext;
  53. name=x;
  54. this.image=image;
  55. }
  56. @NonNull
  57. @Override
  58. public Holder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
  59. View v=LayoutInflater.from(co).inflate(R.layout.layout_for_horizontal_recyclerview,parent,false);
  60. return new Holder(v);
  61. }
  62. @Override
  63. public void onBindViewHolder(@NonNull final Holder holder, int position) {
  64. holder.textViewForItemName.setText(name[position]);
  65. Glide.with(co).load(image[position]).into(holder.image);
  66. holder.floatingActionButton.setOnClickListener(new View.OnClickListener() {
  67. @Override
  68. public void onClick(View view) {
  69. Toast.makeText(co, &quot;yesWorking&quot;, Toast.LENGTH_SHORT).show();
  70. Log.i(&quot;yes&quot;,&quot;log&quot;);
  71. }
  72. });
  73. holder.textViewForPrice.setText(&quot;30$&quot;);
  74. holder.textViewForPieceInfo.setText(&quot;Single Piece Only.&quot;);
  75. }
  76. @Override
  77. public int getItemCount() {
  78. return name.length;
  79. }
  80. public class Holder extends RecyclerView.ViewHolder{
  81. ImageView image;
  82. TextView textViewForItemName;
  83. FloatingActionButton floatingActionButton;
  84. TextView textViewForPrice;
  85. TextView textViewForPieceInfo;
  86. public Holder(@NonNull View itemView) {
  87. super(itemView);
  88. image=itemView.findViewById(R.id.imageView);
  89. textViewForItemName=itemView.findViewById(R.id.textView4);
  90. floatingActionButton=itemView.findViewById(R.id.floatingActionButton);
  91. textViewForPieceInfo=itemView.findViewById(R.id.textViewForPieceInfo);
  92. textViewForPrice=itemView.findViewById(R.id.textViewforPrice);
  93. }
  94. }
  95. }

答案1

得分: 1

CarView布局和ConstraintLayout内部添加边距,并在卡片上使用以下内容:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:layout_width="wrap_content"
  6. android:layout_height="wrap_content"
  7. android:margin="8dp">
  8. <androidx.cardview.widget.CardView
  9. android:id="@+id/cardView"
  10. android:layout_width="170dp"
  11. android:layout_height="220dp"
  12. android:margin="8dp"
  13. android:elevation="10dp"
  14. app:cardBackgroundColor="@color/CardColor"
  15. app:cardCornerRadius="25sp"
  16. app:layout_constraintEnd_toEndOf="parent"
  17. app:layout_constraintStart_toStartOf="parent"
  18. app:layout_constraintTop_toTopOf="parent">
  19. <androidx.constraintlayout.widget.ConstraintLayout
  20. android:id="@+id/constraint"
  21. android:layout_width="130dp"
  22. android:layout_height="180dp"
  23. android:layout_gravity="center"
  24. android:background="@color/CardColor"
  25. android:padding="5dp">
  26. <ImageView
  27. android:id="@+id/imageView"
  28. android:layout_width="90dp"
  29. android:layout_height="100dp"
  30. android:foregroundGravity="center_horizontal"
  31. android:scaleType="fitXY"
  32. app:layout_constraintEnd_toEndOf="parent"
  33. app:layout_constraintStart_toStartOf="parent"
  34. app:layout_constraintTop_toTopOf="parent" />
  35. <TextView
  36. android:id="@+id/textView4"
  37. android:layout_width="match_parent"
  38. android:layout_height="wrap_content"
  39. android:layout_marginStart="5dp"
  40. android:layout_marginTop="5dp"
  41. android:fontFamily="@font/playfair_display_bold_italic"
  42. android:gravity="center"
  43. android:text="Great"
  44. android:textColor="@android:color/black"
  45. android:textSize="12sp"
  46. app:layout_constraintEnd_toEndOf="parent"
  47. app:layout_constraintStart_toStartOf="parent"
  48. app:layout_constraintTop_toBottomOf="@+id/imageView" />
  49. <TextView
  50. android:id="@+id/textViewForPieceInfo"
  51. android:layout_width="wrap_content"
  52. android:layout_height="wrap_content"
  53. android:layout_marginStart="5dp"
  54. android:layout_marginTop="5dp"
  55. android:fontFamily="@font/playfair_display_bold_italic"
  56. android:text="Ram"
  57. app:layout_constraintStart_toStartOf="parent"
  58. app:layout_constraintTop_toBottomOf="@+id/textView4" />
  59. <TextView
  60. android:id="@+id/textViewforPrice"
  61. android:text="Shyam"
  62. android:layout_width="wrap_content"
  63. android:layout_height="wrap_content"
  64. android:layout_marginStart="5dp"
  65. android:layout_marginTop="5dp"
  66. android:fontFamily="@font/playfair_display_bold_italic"
  67. app:layout_constraintStart_toStartOf="parent"
  68. app:layout_constraintTop_toBottomOf="@+id/textViewForPieceInfo" />
  69. <com.google.android.material.floatingactionbutton.FloatingActionButton
  70. android:id="@+id/floatingActionButton"
  71. android:layout_width="wrap_content"
  72. android:layout_height="wrap_content"
  73. android:layout_marginEnd="10dp"
  74. android:layout_marginBottom="2dp"
  75. app:fabSize="mini"
  76. app:layout_constraintBottom_toBottomOf="parent"
  77. app:layout_constraintEnd_toEndOf="parent"
  78. app:layout_constraintHorizontal_bias="1.0"
  79. app:layout_constraintStart_toStartOf="parent"
  80. app:srcCompat="@drawable/ic_baseline_add_24" />
  81. </androidx.constraintlayout.widget.ConstraintLayout>
  82. </androidx.cardview.widget.CardView>
  83. </androidx.coordinatorlayout.widget.CoordinatorLayout>
英文:

Add margin for the CarView layout and inside the ContraintLayout
and Use this for your card.

  1. &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  2. &lt;androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
  3. xmlns:app=&quot;http://schemas.android.com/apk/res-auto&quot;
  4. xmlns:tools=&quot;http://schemas.android.com/tools&quot;
  5. android:layout_width=&quot;wrap_content&quot;
  6. android:layout_height=&quot;wrap_content&quot;
  7. android:margin=&quot;8dp&quot;
  8. &gt;
  9. &lt;androidx.cardview.widget.CardView
  10. android:id=&quot;@+id/cardView&quot;
  11. android:layout_width=&quot;170dp&quot;
  12. android:layout_height=&quot;220dp&quot;
  13. android:margin=&quot;8dp&quot;
  14. android:elevation=&quot;10dp&quot;
  15. app:cardBackgroundColor=&quot;@color/CardColor&quot;
  16. app:cardCornerRadius=&quot;25sp&quot;
  17. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  18. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  19. app:layout_constraintTop_toTopOf=&quot;parent&quot;&gt;
  20. &lt;androidx.constraintlayout.widget.ConstraintLayout
  21. android:id=&quot;@+id/constraint&quot;
  22. android:layout_width=&quot;130dp&quot;
  23. android:layout_height=&quot;180dp&quot;
  24. android:layout_gravity=&quot;center&quot;
  25. android:background=&quot;@color/CardColor&quot;
  26. android:padding=&quot;5dp&quot;&gt;
  27. &lt;ImageView
  28. android:id=&quot;@+id/imageView&quot;
  29. android:layout_width=&quot;90dp&quot;
  30. android:layout_height=&quot;100dp&quot;
  31. android:foregroundGravity=&quot;center_horizontal&quot;
  32. android:scaleType=&quot;fitXY&quot;
  33. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  34. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  35. app:layout_constraintTop_toTopOf=&quot;parent&quot; /&gt;
  36. &lt;TextView
  37. android:id=&quot;@+id/textView4&quot;
  38. android:layout_width=&quot;match_parent&quot;
  39. android:layout_height=&quot;wrap_content&quot;
  40. android:layout_marginStart=&quot;5dp&quot;
  41. android:layout_marginTop=&quot;5dp&quot;
  42. android:fontFamily=&quot;@font/playfair_display_bold_italic&quot;
  43. android:gravity=&quot;center&quot;
  44. android:text=&quot;Great&quot;
  45. android:textColor=&quot;@android:color/black&quot;
  46. android:textSize=&quot;12sp&quot;
  47. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  48. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  49. app:layout_constraintTop_toBottomOf=&quot;@+id/imageView&quot; /&gt;
  50. &lt;TextView
  51. android:id=&quot;@+id/textViewForPieceInfo&quot;
  52. android:layout_width=&quot;wrap_content&quot;
  53. android:layout_height=&quot;wrap_content&quot;
  54. android:layout_marginStart=&quot;5dp&quot;
  55. android:layout_marginTop=&quot;5dp&quot;
  56. android:fontFamily=&quot;@font/playfair_display_bold_italic&quot;
  57. android:text=&quot;Ram&quot;
  58. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  59. app:layout_constraintTop_toBottomOf=&quot;@+id/textView4&quot; /&gt;
  60. &lt;TextView
  61. android:id=&quot;@+id/textViewforPrice&quot;
  62. android:text=&quot;Shyam&quot;
  63. android:layout_width=&quot;wrap_content&quot;
  64. android:layout_height=&quot;wrap_content&quot;
  65. android:layout_marginStart=&quot;5dp&quot;
  66. android:layout_marginTop=&quot;5dp&quot;
  67. android:fontFamily=&quot;@font/playfair_display_bold_italic&quot;
  68. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  69. app:layout_constraintTop_toBottomOf=&quot;@+id/textViewForPieceInfo&quot; /&gt;
  70. &lt;com.google.android.material.floatingactionbutton.FloatingActionButton
  71. android:id=&quot;@+id/floatingActionButton&quot;
  72. android:layout_width=&quot;wrap_content&quot;
  73. android:layout_height=&quot;wrap_content&quot;
  74. android:layout_marginEnd=&quot;10dp&quot;
  75. android:layout_marginBottom=&quot;2dp&quot;
  76. app:fabSize=&quot;mini&quot;
  77. app:layout_constraintBottom_toBottomOf=&quot;parent&quot;
  78. app:layout_constraintEnd_toEndOf=&quot;parent&quot;
  79. app:layout_constraintHorizontal_bias=&quot;1.0&quot;
  80. app:layout_constraintStart_toStartOf=&quot;parent&quot;
  81. app:srcCompat=&quot;@drawable/ic_baseline_add_24&quot; /&gt;
  82. &lt;/androidx.constraintlayout.widget.ConstraintLayout&gt;
  83. &lt;/androidx.cardview.widget.CardView&gt;
  84. &lt;/androidx.coordinatorlayout.widget.CoordinatorLayout&gt;

huangapple
  • 本文由 发表于 2020年10月13日 06:08:22
  • 转载请务必保留本文链接:https://go.coder-hub.com/64325943.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定