使用LinearLayoutManager集中RecyclerView

时间:2017-06-04 21:52:26

标签: android android-recyclerview linearlayoutmanager

我正在尝试在屏幕中集中RecyclerView列表。它将成为一个列表,因此我将使用LinearLayoutManager(LLM)。 但是使用LLM它没有集中项目,它在横向模式下看起来像这样: Landscape mode with LLM

XML代码如下所示:

<FrameLayout 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:orientation="vertical" android:layout_width="match_parent"

    android:layout_height="match_parent">

    <android.support.v7.widget.CardView
        android:id="@+id/recipe_card"
        android:layout_gravity="center"
        android:layout_width="400dp"
        android:layout_height="186dp"
        style="@style/CardViewStyle">

        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">


            <ImageView
                android:id="@+id/recipe_image"
                android:layout_width="120dp"
                android:layout_height="163dp"
                app:srcCompat="@mipmap/ic_pan"
                app:layout_constraintTop_toTopOf="parent"
                android:layout_marginTop="8dp"
                app:layout_constraintBottom_toBottomOf="parent"
                android:layout_marginBottom="8dp"
                android:layout_marginLeft="8dp"
                app:layout_constraintLeft_toLeftOf="parent"
                tools:layout_editor_absoluteY="3dp" />

            <TextView
                android:id="@+id/recipe_name"
                android:layout_width="250dp"
                android:layout_height="119dp"
                android:text="TextView"
                app:layout_constraintLeft_toRightOf="@+id/recipe_image"
                android:layout_marginLeft="8dp"
                app:layout_constraintTop_toTopOf="parent"
                android:layout_marginTop="16dp" />

            <TextView
                android:id="@+id/recipe_servings"
                android:layout_width="164dp"
                android:layout_height="32dp"
                android:text="TextView"
                android:layout_marginTop="8dp"
                app:layout_constraintTop_toBottomOf="@+id/recipe_name"
                app:layout_constraintBottom_toBottomOf="parent"
                android:layout_marginBottom="8dp"
                app:layout_constraintLeft_toRightOf="@+id/recipe_image"
                android:layout_marginLeft="94dp"
                app:layout_constraintVertical_bias="0.0" />
        </android.support.constraint.ConstraintLayout>

    </android.support.v7.widget.CardView>

</FrameLayout>

在Android Studio的预览中,它看起来不错,但在应用程序上却没有。 我设法通过仅使用一列更改GridLayoutManager的LLM来修复它。但它看起来很难看。

有谁知道发生了什么事? 感谢。

5 个答案:

答案 0 :(得分:0)

尝试将主布局的内容重力设置为居中。有两种方法可以做到这一点:

  1. 添加&#34; centerHorozontal&#34;财产到&#34;真&#34;你的框架布局。
  2. 将框架布局更改为线性布局,并将主线性布局的重力设置为&#34; center&#34;。
  3. 希望它能够正常工作,如果它没有向我发送您在布局中使用的图像,我会尝试使用其他技术修复它并向您发送更新的代码。

答案 1 :(得分:0)

用相对布局替换约束布局

然后,将图像设为中心,使用此

    <ImageView
        android:id="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:clickable="true"
        android:scaleType="centerCrop" />

然后还要将每个文本都放在中心

android:textAlignment="center"

答案 2 :(得分:0)

如果您这样写,请检查您的public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType)

@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new ViewHolder(mLayoutInflater.inflate(R.layout.your_item_layout, null));
}

这会使你的FrameLayout被禁用,而CardView将成为你的ViewHolder的itemView,所以你应该改变如下: @Override public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { return new ViewHolder(mLayoutInflater.inflate(R.layout.your_item_layout, parent, false)); } 希望能帮到你。

答案 3 :(得分:0)

如果我是你,我会得到我的显示尺寸宽度并相应地设置我的ViewHolder边距。

这是我的应用程序类中的代码:

public class MyApp extends Application {
public static Point displaySize = new Point();
public static float density = 1;
public static Context appContext = null;
public static int height;

@Override
public void onCreate() {
    super.onCreate();
    ActiveAndroid.initialize(this);
    appContext = getApplicationContext();
    checkDisplaySize();
    density = appContext.getResources().getDisplayMetrics().density;
}

public static void checkDisplaySize() {
    try {
        WindowManager manager = (WindowManager)  
appContext.getSystemService(Context.WINDOW_SERVICE);
        if (manager != null) {
            Display display = manager.getDefaultDisplay();
            if (display != null) {
                    display.getSize(displaySize);
            }
           height = (int) (displaySize.x / 1.777f); //Aspect Ratio 16:9
        }
    } catch (Exception e) {
    }
}
}

并且在您的适配器中获得持有者视图之后,只需执行以下操作:

int marginWidth = (MyApp.desplaySize.x - itemView.getMeasuredWidth())/2;
LayoutParams params = new LayoutParams(
    LayoutParams.WRAP_CONTENT,      
    LayoutParams.WRAP_CONTENT
);
params.setMargins(marginWidth, 0, marginWidth, 0);
itemView.setLayoutParams(params);

我不确定这个确切的代码会解决您的问题,但您可以轻松更改此问题。

答案 4 :(得分:0)

在FrameLayout中编写此代码

    android:layout_gravity="center"