android - layout_weight 在 ScrollView 中不起作用
问题描述
我不知道为什么 layout_weight 在 ScrollView 中不起作用，当我运行这个 xml 时，我正在获取捕获整个屏幕的 imageview，在它下面我可以看到我的选项卡并且 viewpager 被隐藏了。
当我将 dp 中的高度赋予 ScrollView 下方的所有线性布局时，我得到了完美的视图，为什么会发生这种情况。我希望我的 imageview 占据 30% 的屏幕，而 tab/viewpager 占据 70% 的屏幕。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.emilsjolander.components.StickyScrollViewItems.StickyScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true">
<LinearLayout
android:id="@+id/firstLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:weightSum="10">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:background="@color/gift_vouchr_header_img"
android:layout_weight="3"
android:adjustViewBounds="true"
android:layout_gravity="center">
<ImageView
android:id="@+id/imageview_gift"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/splash"/>
</LinearLayout>
<LinearLayout
android:id="@+id/viewpager_ll"
android:layout_width="match_parent"
android:background="@color/lvb_divider_color"
android:layout_height="0dp"
android:orientation="vertical"
android:tag="sticky"
android:layout_weight="7"
android:adjustViewBounds="true"
android:layout_gravity="center"
>
<android.support.design.widget.TabLayout
android:id="@+id/common_tablayout"
style="@style/VoucherTabLayoutStyle"
android:layout_width="match_parent"
app:tabGravity="fill"
android:layout_height="@dimen/margin_48">
</android.support.design.widget.TabLayout>
<android.support.v4.view.ViewPager
android:id="@+id/common_viewpager"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</android.support.v4.view.ViewPager>
</LinearLayout>
</LinearLayout>
</com.emilsjolander.components.StickyScrollViewItems.StickyScrollView>
</LinearLayout>
当我删除 weightsum 并对高度进行硬编码时，视图工作正常：下面是我的代码：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.emilsjolander.components.StickyScrollViewItems.StickyScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true">
<LinearLayout
android:id="@+id/firstLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="160dp"
android:background="@color/gift_vouchr_header_img"
android:adjustViewBounds="true"
android:layout_gravity="center">
<ImageView
android:id="@+id/imageview_gift"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/splash"/>
</LinearLayout>
<LinearLayout
android:id="@+id/viewpager_ll"
android:layout_width="match_parent"
android:background="@color/lvb_divider_color"
android:layout_height="500dp"
android:orientation="vertical"
android:tag="sticky"
android:adjustViewBounds="true"
android:layout_gravity="center">
<android.support.design.widget.TabLayout
android:id="@+id/common_tablayout"
style="@style/VoucherTabLayoutStyle"
android:layout_width="match_parent"
app:tabGravity="fill"
android:layout_height="@dimen/margin_48">
</android.support.design.widget.TabLayout>
<android.support.v4.view.ViewPager
android:id="@+id/common_viewpager"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</android.support.v4.view.ViewPager>
</LinearLayout>
</LinearLayout>
</com.emilsjolander.components.StickyScrollViewItems.StickyScrollView>
</LinearLayout>
MyTab1 xml：
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/margin_15"
android:layout_marginRight="@dimen/margin_15"
android:layout_marginTop="@dimen/margin_15"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@style/gift_amount_footer_txt"
android:text="@string/validity"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<include layout="@layout/voucher_common_layout"/>
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@style/gift_title_txt"
android:layout_marginTop="@dimen/margin_26"
android:text="@string/receiver_detail"/>
<EditText
android:id="@+id/receiver_name"
android:layout_width="match_parent"
android:layout_height="@dimen/margin_48"
android:backgroundTint="@color/QuaternaryTextColor"
android:hint="@string/receiver_name"
android:paddingLeft="@dimen/margin_2"
android:layout_marginTop="@dimen/margin_23"/>
<EditText
android:id="@+id/receiver_email"
android:layout_width="match_parent"
android:layout_height="@dimen/margin_48"
android:hint="@string/receiver_email"
android:inputType="textEmailAddress"
android:backgroundTint="@color/QuaternaryTextColor"
style="@style/giftEditetxtStyle"
android:paddingLeft="@dimen/margin_2"
android:layout_marginTop="@dimen/margin_30"/>
<EditText
android:id="@+id/receiver_mobile"
android:layout_width="match_parent"
android:layout_height="@dimen/margin_48"
android:backgroundTint="@color/QuaternaryTextColor"
android:inputType="phone"
android:hint="@string/receiver_mobile"
android:paddingLeft="@dimen/margin_2"
android:layout_marginTop="@dimen/margin_30"/>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/margin_40"
android:layout_marginBottom="@dimen/margin_30"
android:layout_marginRight="@dimen/margin_12"
android:gravity="center"
android:orientation="horizontal">
<CheckBox
android:id="@+id/send_cb"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@style/gift_term_condition"
android:layout_marginLeft="@dimen/margin_5"
android:text="@string/gift_terms_condition"/>
</LinearLayout>
<Button
android:id="@+id/btn_send_gift"
android:layout_width="match_parent"
android:layout_height="wrap_content"
style="@style/gift_submit_btn"
android:layout_marginBottom="@dimen/margin_10"
android:layout_marginTop="@dimen/margin_20"/>
</LinearLayout>
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
MyTab2 xml：
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginTop="@dimen/margin_15"
android:layout_marginLeft="@dimen/margin_15"
android:layout_marginRight="@dimen/margin_15">
<include layout="@layout/voucher_common_layout"/>
<LinearLayout
android:id="@+id/terms"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/margin_40"
android:layout_marginRight="@dimen/margin_12"
android:orientation="horizontal"
android:gravity="center">
<CheckBox
android:id="@+id/buy_cb"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@style/gift_term_condition"
android:layout_marginLeft="@dimen/margin_5"
android:text="@string/gift_terms_condition"/>
</LinearLayout>
<Button
android:id="@+id/gift_buy_btn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
style="@style/gift_submit_btn"
android:layout_marginTop="@dimen/margin_30"/>
</LinearLayout>
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
解决方案
上述解决方案都不适合我，我自己找到了这样的解决方案：希望它对某人有所帮助：标签代码没有变化。在主要的 xml 中，我这样做了：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.emilsjolander.components.StickyScrollViewItems.StickyScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true"
android:layout_gravity="center">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:id="@+id/childImg_rl"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/gift_vouchr_header_img"
android:adjustViewBounds="true"
android:layout_gravity="center">
<ImageView
android:id="@+id/imageview_gift"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/splash"/>
</LinearLayout>
<LinearLayout
android:id="@+id/viewpager_ll"
android:layout_width="match_parent"
android:background="@color/lvb_divider_color"
android:layout_height="wrap_content"
android:orientation="vertical"
android:tag="sticky"
android:adjustViewBounds="true"
android:layout_gravity="center">
<android.support.design.widget.TabLayout
android:id="@+id/common_tablayout"
style="@style/VoucherTabLayoutStyle"
android:layout_width="match_parent"
app:tabGravity="fill"
app:tabMode="fixed"
android:layout_height="@dimen/margin_48">
</android.support.design.widget.TabLayout>
<android.support.v4.view.ViewPager
android:id="@+id/common_viewpager"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</android.support.v4.view.ViewPager>
</LinearLayout>
</LinearLayout>
</com.emilsjolander.components.StickyScrollViewItems.StickyScrollView>
</LinearLayout>
这是重要的部分：务实地设置子布局的高度：D
private void setViewPagerandImageViewHeight(){
DisplayMetrics displayMetrics = new DisplayMetrics();
getActivity().getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
int heightOfScreen = displayMetrics.heightPixels;
child_img_ll.getLayoutParams().height= (int) (heightOfScreen*.30);// set imageview linearlayout to capture 30% of screen
viewpager_ll.getLayoutParams().height=heightOfScreen;//while scrolling set the viewpager height to maximum ,intially it capture 70% of screen
}
推荐阅读
- ios - iOS 设备跟踪不存在的路线
- mfc - CTreeCtrl 展开和折叠图标不起作用
- angular - 创建Angular对象时如何将值传递给内部数组？
- visual-studio-code - VS Code - 为什么突出显示这些行，这是什么意思？
- javascript - 使用 Javascript 中的 setTimeout 函数更改 H1 的文本颜色
- python - Django为PasswordChangeView添加占位符文本？
- python - ValueError with sklearn metrics.average_precision_score
- r - dplyr - 如何重新编码为 NA？
- javascript - Mongo DB 在数组中返回未定义的值
- xamarin.forms - 如何使用 PRISM 为 Xamarin 表单实现单例？