[英]Linear Layout does not expanding in ScrollView
我希望使用卡片視圖項目做一個可滾動的網格布局。
我在網上嘗試了很多解決方案,但似乎不能滿足我想要的結果。
經過一番調查,我發現這與整個項目有關。
創建新活動后,在 xml 文件中,我嘗試了完全相同的代碼,這些代碼可以在其他項目中工作,但在我當前的項目中卻不起作用。
以下是我用過的xml代碼和java代碼,
fragment_home.xml
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/fragment_home"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.android.chatapps_android.tabviewChatbox">
<LinearLayout
android:weightSum="10"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<GridLayout
android:id="@+id/mainGrid"
android:layout_weight="10"
android:columnCount="2"
android:rowCount="3"
android:alignmentMode="alignMargins"
android:columnOrderPreserved="false"
android:layout_width="match_parent"
android:layout_height="0dp"
android:padding="14dp">
<!-- Row 1 -->
<!-- Column 1 -->
<android.support.v7.widget.CardView
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_columnWeight="1"
android:layout_rowWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
app:cardElevation="8dp"
app:cardCornerRadius="8dp">
<LinearLayout
android:orientation="vertical"
android:layout_margin="16dp"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/ivBasicImage"
android:layout_gravity="center_horizontal"
android:layout_width="70sp"
android:layout_height="70sp" />
<TextView
android:text="Noah"
android:layout_gravity="center_horizontal"
android:textColor="@android:color/black"
android:textSize="18dp"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
<!-- Column 2 -->
<android.support.v7.widget.CardView
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_columnWeight="1"
android:layout_rowWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
app:cardElevation="8dp"
app:cardCornerRadius="8dp">
<LinearLayout
android:orientation="vertical"
android:layout_margin="16dp"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/ivBasicImage2"
android:layout_gravity="center_horizontal"
android:layout_width="70sp"
android:layout_height="70sp" />
<TextView
android:text="Adam"
android:layout_gravity="center_horizontal"
android:textColor="@android:color/black"
android:textSize="18dp"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
<!-- Row 2 -->
<!-- Column 1 -->
<android.support.v7.widget.CardView
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_columnWeight="1"
android:layout_rowWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
app:cardElevation="8dp"
app:cardCornerRadius="8dp">
<LinearLayout
android:orientation="vertical"
android:layout_margin="16dp"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/ivBasicImage3"
android:layout_gravity="center_horizontal"
android:layout_width="70sp"
android:layout_height="70sp" />
<TextView
android:text="Warlock"
android:layout_gravity="center_horizontal"
android:textColor="@android:color/black"
android:textSize="18dp"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
<!-- Column 2 -->
<android.support.v7.widget.CardView
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_columnWeight="1"
android:layout_rowWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
app:cardElevation="8dp"
app:cardCornerRadius="8dp">
<LinearLayout
android:orientation="vertical"
android:layout_margin="16dp"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/ivBasicImage4"
android:layout_gravity="center_horizontal"
android:layout_width="70sp"
android:layout_height="70sp" />
<TextView
android:text="Amy"
android:layout_gravity="center_horizontal"
android:textColor="@android:color/black"
android:textSize="18dp"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
<!-- Row 3 -->
<!-- Column 1 -->
<android.support.v7.widget.CardView
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_columnWeight="1"
android:layout_rowWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
app:cardElevation="8dp"
app:cardCornerRadius="8dp">
<LinearLayout
android:orientation="vertical"
android:layout_margin="16dp"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/ivBasicImage5"
android:layout_gravity="center_horizontal"
android:layout_width="70sp"
android:layout_height="70sp" />
<TextView
android:text="Felicia"
android:layout_gravity="center_horizontal"
android:textColor="@android:color/black"
android:textSize="18dp"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
<!-- Column 2 -->
<android.support.v7.widget.CardView
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_columnWeight="1"
android:layout_rowWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
app:cardElevation="8dp"
app:cardCornerRadius="8dp">
<LinearLayout
android:orientation="vertical"
android:layout_margin="16dp"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/ivBasicImage6"
android:layout_gravity="center_horizontal"
android:layout_width="70sp"
android:layout_height="70sp" />
<TextView
android:text="John"
android:layout_gravity="center_horizontal"
android:textColor="@android:color/black"
android:textSize="18dp"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
/>
</LinearLayout>
</android.support.v7.widget.CardView>
</GridLayout>
</LinearLayout>
</ScrollView>
這是此片段活動的 Java 代碼
public class HomeFragment extends Fragment {
GridLayout mainGrid;
ImageView ivBasicImage, ivBasicImage2, ivBasicImage3, ivBasicImage4, ivBasicImage5, ivBasicImage6;
public HomeFragment() {
// Required empty public constructor
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View v = inflater.inflate(R.layout.fragment_home, container, false);
// Inflate the layout for this fragment
mainGrid = (GridLayout) v.findViewById(R.id.mainGrid);
//set Event
setSingleEvent (mainGrid);
final SwipeRefreshLayout mSwipeRefreshLayout = (SwipeRefreshLayout) v.findViewById(R.id.fragment_home);
mSwipeRefreshLayout.setOnRefreshListener(
new SwipeRefreshLayout.OnRefreshListener() {
@Override
public void onRefresh() {
((tabviewChatbox) getActivity()).refreshNow();
Toast.makeText(getContext(), "Refreshed", Toast.LENGTH_LONG).show();
}
}
);
return v;
}
private void setSingleEvent(GridLayout mainGrid) {
String imageURL = "https://i.imgur.com/ql2DkPW.jpg";
ivBasicImage = (ImageView) mainGrid.findViewById(R.id.ivBasicImage);
Picasso.with(getContext()).load(imageURL).transform(new CircleTransform()).into(ivBasicImage);
ivBasicImage2 = (ImageView) mainGrid.findViewById(R.id.ivBasicImage2);
Picasso.with(getContext()).load(imageURL).transform(new CircleTransform()).into(ivBasicImage2);
ivBasicImage3 = (ImageView) mainGrid.findViewById(R.id.ivBasicImage3);
Picasso.with(getContext()).load(imageURL).transform(new CircleTransform()).into(ivBasicImage3);
ivBasicImage4 = (ImageView) mainGrid.findViewById(R.id.ivBasicImage4);
Picasso.with(getContext()).load(imageURL).transform(new CircleTransform()).into(ivBasicImage4);
ivBasicImage5 = (ImageView) mainGrid.findViewById(R.id.ivBasicImage5);
Picasso.with(getContext()).load(imageURL).transform(new CircleTransform()).into(ivBasicImage5);
ivBasicImage6 = (ImageView) mainGrid.findViewById(R.id.ivBasicImage6);
Picasso.with(getContext()).load(imageURL).transform(new CircleTransform()).into(ivBasicImage6);
//Loop all child item of Main Grid
for(int i=0; i<mainGrid.getChildCount(); i++)
{
CardView cardView = (CardView) mainGrid.getChildAt(i);
final int finalI = i;
cardView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
//Toast.makeText (getContext(), "Clicked at activity " + finalI, Toast.LENGTH_SHORT).show();
Intent intent = new Intent(getActivity(), ImageButtonActivity.class);
intent.putExtra("info", "This is activity from card item "+finalI );
startActivity(intent);
}
});
}
}
此外,這里是 Android Studio 中的設計視圖。
LinearLayout 的視圖被擠在屏幕頂部
android:weightSum
在ScrollView
不起作用。 這就是使用ScrollView
垂直包含所有元素的全部意義,即使在高度邊界之外也是如此。 在ScrollView
設置android:fillViewport="true"
以使其工作。 這將使內容填充 ViewPort。
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/fragment_home"
android:layout_width="match_parent"
android:fillViewport="true"
android:layout_height="match_parent"
android:orientation="vertical"
>
</ScrollView>
這等效於使用LinearLayout
所以為什么不使用weightSum
刪除ScrollView
和LinearLayout
。
<ScrollView 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:id="@+id/fragment_home"
android:fillViewport="true"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:weightSum="10">
<GridLayout
android:id="@+id/mainGrid"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="10"
android:alignmentMode="alignMargins"
android:columnCount="2"
android:columnOrderPreserved="false"
android:padding="10dp"
android:rowCount="3">
<!-- Row 1 -->
<!-- Column 1 -->
<android.support.v7.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_rowWeight="1"
app:cardCornerRadius="8dp"
app:cardElevation="8dp">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_margin="16dp"
android:orientation="vertical">
<ImageView
android:id="@+id/ivBasicImage"
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_gravity="center_horizontal"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="Noah"
android:textColor="@android:color/black"
android:textSize="18sp"/>
</LinearLayout>
</android.support.v7.widget.CardView>
<!-- Column 2 -->
<android.support.v7.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_rowWeight="1"
app:cardCornerRadius="8dp"
app:cardElevation="8dp">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_margin="16dp"
android:orientation="vertical">
<ImageView
android:id="@+id/ivBasicImage2"
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_gravity="center_horizontal"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="Adam"
android:textColor="@android:color/black"
android:textSize="18sp"/>
</LinearLayout>
</android.support.v7.widget.CardView>
<!-- Row 2 -->
<!-- Column 1 -->
<android.support.v7.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_rowWeight="1"
app:cardCornerRadius="8dp"
app:cardElevation="8dp">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_margin="16dp"
android:orientation="vertical">
<ImageView
android:id="@+id/ivBasicImage3"
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_gravity="center_horizontal"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="Warlock"
android:textColor="@android:color/black"
android:textSize="18sp"/>
</LinearLayout>
</android.support.v7.widget.CardView>
<!-- Column 2 -->
<android.support.v7.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_rowWeight="1"
app:cardCornerRadius="8dp"
app:cardElevation="8dp">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_margin="16dp"
android:orientation="vertical">
<ImageView
android:id="@+id/ivBasicImage4"
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_gravity="center_horizontal"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="Amy"
android:textColor="@android:color/black"
android:textSize="18sp"/>
</LinearLayout>
</android.support.v7.widget.CardView>
<!-- Row 3 -->
<!-- Column 1 -->
<android.support.v7.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_rowWeight="1"
app:cardCornerRadius="8dp"
app:cardElevation="8dp">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_margin="16dp"
android:orientation="vertical">
<ImageView
android:id="@+id/ivBasicImage5"
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_gravity="center_horizontal"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="Felicia"
android:textColor="@android:color/black"
android:textSize="18sp"/>
</LinearLayout>
</android.support.v7.widget.CardView>
<!-- Column 2 -->
<android.support.v7.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_columnWeight="1"
android:layout_marginBottom="16dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_rowWeight="1"
app:cardCornerRadius="8dp"
app:cardElevation="8dp">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_margin="16dp"
android:orientation="vertical">
<ImageView
android:id="@+id/ivBasicImage6"
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_gravity="center_horizontal"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="John"
android:textColor="@android:color/black"
android:textSize="18sp"/>
</LinearLayout>
</android.support.v7.widget.CardView>
</GridLayout>
</LinearLayout>
</ScrollView>
試試這個。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.