我正在使用Yuri Kanivets's WheelView control并且我发现即使布局XML指定它也没有填充父视图。
这是我的意思的图像:
这是布局XML:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#00000000">
<LinearLayout
android:orientation="vertical"
android:layout_alignParentBottom="true"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingTop="5dp"
android:paddingBottom="5dp"
android:background="@drawable/picker_bar">
<Button
android:id="@+id/repeatButton"
android:textColor="#FFF"
android:layout_gravity="center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/picker_button_selected"
android:paddingTop="8dp"
android:paddingBottom="8dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:layout_marginLeft="7dp"
android:gravity="center"
android:textSize="16sp"
android:text="Repeat"/>
<Button
android:id="@+id/DelayButton"
android:layout_gravity="center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/picker_button_unselected"
android:paddingTop="8dp"
android:textColor="#FFF"
android:paddingBottom="8dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:layout_marginLeft="10dp"
android:gravity="center"
android:textSize="16sp"
android:text="Delay"/>
<Button
android:id="@+id/doneButton"
android:layout_marginLeft="10dp"
android:layout_gravity="center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/picker_button_unselected"
android:textColor="#FFF"
android:paddingTop="8dp"
android:paddingBottom="8dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:gravity="center"
android:textSize="16sp"
android:text="Done"/>
</LinearLayout>
<include layout="@layout/repeat_view"/>
<include layout="@layout/delay_view"/>
</LinearLayout>
</RelativeLayout>
这是重复/延迟视图XML(它们几乎相同):
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/wheelRepeat"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="@drawable/layout_bg"
android:layout_width="fill_parent">
<LinearLayout
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_width="fill_parent"
android:paddingTop="4dp"
android:paddingBottom="4dp"
android:orientation="horizontal">
<desiderata.ihunt.resources.WheelView
android:id="@+id/activeRepeat"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_gravity="center_vertical"
android:layout_weight="1"/>
<desiderata.ihunt.resources.WheelView
android:id="@+id/minsRepeat"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_gravity="center_vertical"
android:layout_weight="2"/>
<desiderata.ihunt.resources.WheelView
android:id="@+id/secsRepeat"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_gravity="center_vertical"
android:layout_weight="2"/>
</LinearLayout>
</LinearLayout>
以下是我添加视图的方式:
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.settings);
...
我查看了WheelView源代码,但是并不是很明显整个控件的宽度设置在何处以及轮控件是否也以某种方式控制父布局的宽度。
这是在最新的SDK上运行的。有什么明显的东西我不见了吗?
答案 0 :(得分:6)
包含三个LinearLayout
的{{1}}有desiderata.ihunt.resources.WheelView
,但WheelViews本身有:
android:layout_width="fill_parent"
话虽如此,如果我理解正确的问题意味着,如果三个车轮的宽度小于android:layout_height="wrap_content"
android:layout_width="wrap_content"
的宽度(在这种情况下,parent
包含三个LinearLayout
{1}}) - 然后你必须用纯色(例如黑色)拉伸desiderata.ihunt.resources.WheelView
填充轮子以隐藏它背后的内容。
答案 1 :(得分:1)
g00dy的替代解决方案(虽然他完全正确) - 如果你将每个轮子的宽度设置为0dp并设置他们的layout_weight = 1,那么3将拉伸以占据屏幕的相等部分。如果您不希望它们相等,请按照您想要的比例设置它们。
答案 2 :(得分:0)
<LinearLayout
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_width="fill_parent"
android:paddingTop="4dp"
android:weightSum="3" // add weight sum here
android:paddingBottom="4dp"
android:orientation="horizontal">
<desiderata.ihunt.resources.WheelView
android:id="@+id/activeRepeat"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_gravity="center_vertical"
android:layout_weight="1"/> //weights here
<desiderata.ihunt.resources.WheelView
android:id="@+id/minsRepeat"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_gravity="center_vertical"
android:layout_weight="1"/> //weights here
<desiderata.ihunt.resources.WheelView
android:id="@+id/secsRepeat"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_gravity="center_vertical"
android:layout_weight="1"/> //weights here
</LinearLayout>
像这样改变你的车轮布局
答案 3 :(得分:0)
为重复/延迟视图xml
尝试这样的布局<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/wheelRepeat"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="@drawable/layout_bg"
android:layout_width="fill_parent">
<LinearLayout
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_width="fill_parent"
android:paddingTop="4dp"
android:paddingBottom="4dp"
android:orientation="horizontal"
android:weightSum="10">
<desiderata.ihunt.resources.WheelView
android:id="@+id/activeRepeat"
android:layout_height="wrap_content"
android:layout_width="0dp"
android:layout_gravity="center_vertical"
android:layout_weight="2"/>
<desiderata.ihunt.resources.WheelView
android:id="@+id/minsRepeat"
android:layout_height="wrap_content"
android:layout_width="0dp"
android:layout_gravity="center_vertical"
android:layout_weight="4"/>
<desiderata.ihunt.resources.WheelView
android:id="@+id/secsRepeat"
android:layout_height="wrap_content"
android:layout_width="0dp"
android:layout_gravity="center_vertical"
android:layout_weight="4"/>
</LinearLayout>
</LinearLayout>
这将使窗口小部件填充屏幕宽度,您可以通过调整布局权重来调整宽度比。如果您不需要窗体小部件以横向模式填充整个屏幕,您可以使用换行内容作为父线性布局的宽度。