Android Wear 2.0 上的曲面布局
Curved Layout on Android Wear 2.0
我正在尝试创建一个弯曲的布局来列出一些元素并使其适应 android 磨损,但是 Google Android 开发者页面关于它的内容非常不清楚。有没有人设法创建一个弯曲的布局?
这就是我所说的 Google 开发人员:
https://developer.android.com/training/wearables/ui/lists.html#creating
如果你有任何实现它的技巧,我很乐意看到它。
我希望你现在已经明白了,但如果还没有,下面是一些示例代码的步骤:
在您的 round\activity_main.xml
中使用 android.support.wear.widget.WearableRecyclerView
作为 root/main 元素:
<?xml version="1.0" encoding="utf-8"?>
<android.support.wear.widget.WearableRecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/rv_test"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<!-- ... -->
</android.support.wear.widget.WearableRecyclerView>
然后在 MainActivity
扩展 WearableActivity
:
import android.os.Bundle;
import android.support.wearable.activity.WearableActivity;
import android.support.wear.widget.WearableRecyclerView
public class MainActivity extends WearableActivity {
private android.support.wear.widget.WearableRecyclerView wearableRecyclerView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
wearableRecyclerView = findViewById(R.id.rv_test);
wearableRecyclerView.setLayoutManager(new WearableLinearLayoutManager(MainActivity.this));
wearableRecyclerView.setEdgeItemsCenteringEnabled(true);
}
...
}
您需要确保在 xml 和 java
上使用正确的 WearableRecyclerView
(android.support.wear.widget.WearableRecyclerView
) 导入
下一步(在开发者网页中没有解释是创建 ViewHolder
:
1 - 首先创建一个 xml 布局(这里称为 circle_view.xml
):
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/close_button"
android:id="@+id/circledImageView"/>
</LinearLayout>
2 - 然后创建一个java class(这里称为TestHolder.java
)并将其扩展为RecyclerView.ViewHolder
:
public class TestHolder extends RecyclerView.ViewHolder {
protected ImageView imageView;
public TestHolder(View itemView) {
super(itemView);
imageView = (ImageView) itemView.findViewById(R.id.circledImageView);
}
}
然后在 MainActivity.java
中的 wearableRecyclerView.setEdgeItemsCenteringEnabled(true);
下方添加以下内容 onCreate
:
RecyclerView.Adapter<TestHolder> testHolderAdapter = new RecyclerView.Adapter<TestHolder>() {
@Override
public TestHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.circle_view, parent, false);
return new TestHolder(view);
}
@Override
public void onBindViewHolder(TestHolder holder, int position) {
}
@Override
public int getItemCount() {
//change return number to desired number of items or an array size or list length
return 5;
}
};
wearableRecyclerView.setAdapter(testHolderAdapter);
就是这样,运行 您的应用程序在圆形磨损模拟器或 round/round-with-chin 手表上享受曲线列表
我正在尝试创建一个弯曲的布局来列出一些元素并使其适应 android 磨损,但是 Google Android 开发者页面关于它的内容非常不清楚。有没有人设法创建一个弯曲的布局?
这就是我所说的 Google 开发人员:
https://developer.android.com/training/wearables/ui/lists.html#creating
如果你有任何实现它的技巧,我很乐意看到它。
我希望你现在已经明白了,但如果还没有,下面是一些示例代码的步骤:
在您的 round\activity_main.xml
中使用 android.support.wear.widget.WearableRecyclerView
作为 root/main 元素:
<?xml version="1.0" encoding="utf-8"?>
<android.support.wear.widget.WearableRecyclerView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/rv_test"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<!-- ... -->
</android.support.wear.widget.WearableRecyclerView>
然后在 MainActivity
扩展 WearableActivity
:
import android.os.Bundle;
import android.support.wearable.activity.WearableActivity;
import android.support.wear.widget.WearableRecyclerView
public class MainActivity extends WearableActivity {
private android.support.wear.widget.WearableRecyclerView wearableRecyclerView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
wearableRecyclerView = findViewById(R.id.rv_test);
wearableRecyclerView.setLayoutManager(new WearableLinearLayoutManager(MainActivity.this));
wearableRecyclerView.setEdgeItemsCenteringEnabled(true);
}
...
}
您需要确保在 xml 和 java
上使用正确的WearableRecyclerView
(android.support.wear.widget.WearableRecyclerView
) 导入
下一步(在开发者网页中没有解释是创建 ViewHolder
:
1 - 首先创建一个 xml 布局(这里称为 circle_view.xml
):
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/close_button"
android:id="@+id/circledImageView"/>
</LinearLayout>
2 - 然后创建一个java class(这里称为TestHolder.java
)并将其扩展为RecyclerView.ViewHolder
:
public class TestHolder extends RecyclerView.ViewHolder {
protected ImageView imageView;
public TestHolder(View itemView) {
super(itemView);
imageView = (ImageView) itemView.findViewById(R.id.circledImageView);
}
}
然后在 MainActivity.java
中的 wearableRecyclerView.setEdgeItemsCenteringEnabled(true);
下方添加以下内容 onCreate
:
RecyclerView.Adapter<TestHolder> testHolderAdapter = new RecyclerView.Adapter<TestHolder>() {
@Override
public TestHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.circle_view, parent, false);
return new TestHolder(view);
}
@Override
public void onBindViewHolder(TestHolder holder, int position) {
}
@Override
public int getItemCount() {
//change return number to desired number of items or an array size or list length
return 5;
}
};
wearableRecyclerView.setAdapter(testHolderAdapter);
就是这样,运行 您的应用程序在圆形磨损模拟器或 round/round-with-chin 手表上享受曲线列表