为Android Wearable Recycler View创建弯曲布局

时间:2017-07-03 20:32:13

标签: android android-recyclerview wear-os

我正在尝试创建一个类似于下面链接中给出的曲线Wearable Recycler视图:https://developer.android.com/training/wearables/ui/lists.html

但我没有看到曲线布局,所有文字都在一行中。 任何人都可以帮我如何创建一个弯曲的可穿戴再生器视图。以下是代码片段。如果下面的代码出现问题,请告诉我:

我的布局如下:

<?xml version="1.0" encoding="utf-8"?>

<android.support.wearable.view.WearableRecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/menu_list"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
  >
</android.support.wearable.view.WearableRecyclerView>

在我的片段中,我使用以下代码进行曲线布局:

InformationAdapter informationAdapter = new InformationAdapter(dataSet, images,MenuActivity.this );<br>
        wearableRecyclerView.setAdapter(informationAdapter); <br>
        wearableRecyclerView.setCenterEdgeItems(true);<br>
        wearableRecyclerView.setLayoutManager(new CurvedChildLayoutManager(getActivity()));<br>

wearableRecyclerView.setCircularScrollingGestureEnabled(true);
wearableRecyclerView.setBezelWidth(0.5f);
wearableRecyclerView.setScrollDegreesPerScreen(90);

我的适配器如下:

public class InformationAdapter extends
        WearableRecyclerView.Adapter<InformationAdapter.ViewHolder>  {

    private static final String TAG = "CustomRecyclerAdapter";

    private String[] mDataSet;
    private int[] mImages;
    private ItemClickListener itemClickListener;

    // Custom Controller used to instruct main activity to update {@link Notification} and/or
    // UI for item selected.

    public static class ViewHolder extends WearableRecyclerView.ViewHolder {

        private final TextView mTextView;
        private  final ImageView menuImageIcon;

        public ViewHolder(View view) {
            super(view);
            mTextView = (TextView) view.findViewById(R.id.textView);
             menuImageIcon = (ImageView)view.findViewById(R.id.menu_image);
        }

        @Override
        public String toString() { return (String) mTextView.getText(); }
    }


    public InformationAdapter(String[] dataSet,int[] mImages,ItemClickListener itemClickListener) {
        mDataSet = dataSet;
        this.mImages = mImages;
        this.itemClickListener = itemClickListener;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
        View view = LayoutInflater.from(viewGroup.getContext())
                .inflate(R.layout.recycler_row_item, viewGroup, false);

        return new ViewHolder(view);
    }


    @Override
    public void onBindViewHolder(ViewHolder viewHolder, final int position) {
        Log.d(TAG, "Element " + position + " set.");

        viewHolder.mTextView.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View view) {
            //    mController.itemSelected(mDataSet[position]);
                itemClickListener.onItemSelected(mDataSet[position]);
            }
        });

        // Replaces content of view with correct element from data set
        viewHolder.mTextView.setText(mDataSet[position]);
        viewHolder.menuImageIcon.setImageResource(mImages[position]);

    }

    // Return the size of your dataset (invoked by the layout manager)
    @Override
    public int getItemCount() {
        return mDataSet.length;
    }
}

适配器的行项目布局:

      <?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:layout_gravity="center"
    android:paddingTop="@dimen/recycler_row_padding"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:src="@drawable/ic_n_white_48dp"
        android:id="@+id/menu_image"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_vertical"
        android:textSize="@dimen/recycler_row_text_size"
        android:id="@+id/textView"
        />
</LinearLayout>

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题。改变

 android:layout_height="wrap_content"

 android:layout_height="match_parent"
WearableRecyclerView中的

为我工作。希望它有所帮助。