android校园迎新首页界面设计的布局代码
时间: 2023-11-15 07:05:44 浏览: 92
android界面布局设计
以下是一个简单的校园迎新首页的布局代码,你可以根据自己的需求进行修改和优化。
```xml
<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:orientation="horizontal"
android:gravity="center_vertical"
android:padding="16dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="校园迎新"
android:textSize="24sp"
android:textColor="#000000"
android:textStyle="bold"/>
<!-- 右侧按钮 -->
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_settings"
android:background="?attr/selectableItemBackgroundBorderless"
android:padding="8dp"/>
</LinearLayout>
<!-- 轮播图 -->
<androidx.viewpager.widget.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="200dp"/>
<!-- 功能入口 -->
<GridLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:columnCount="4"
android:rowCount="2"
android:padding="16dp"
android:useDefaultMargins="true">
<!-- 每个功能入口使用一个CardView包装 -->
<androidx.cardview.widget.CardView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_columnWeight="1"
android:layout_rowWeight="1"
app:cardCornerRadius="8dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp">
<ImageView
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@drawable/ic_activity"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="校园活动"
android:textSize="14sp"
android:textColor="#000000"
android:layout_marginTop="8dp"
android:layout_below="@id/icon"/>
</RelativeLayout>
</androidx.cardview.widget.CardView>
<!-- 其他功能入口同上 -->
</GridLayout>
<!-- 新闻资讯列表 -->
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/newsRecyclerView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="16dp"/>
</LinearLayout>
```
这个布局使用了 `LinearLayout`、`ViewPager`、`GridLayout`、`CardView` 和 `RecyclerView` 等控件来实现。
其中,`ViewPager` 用于展示轮播图,`GridLayout` 用于展示功能入口,`CardView` 用于包装每个功能入口,`RecyclerView` 用于展示新闻资讯列表。
你需要根据自己的设计需求来修改布局和样式。
阅读全文