步骤五：UI常用组件

最新推荐文章于 2024-10-01 21:21:12 发布
最新推荐文章于 2024-10-01 21:21:12 发布
阅读量179 收藏
点赞数
文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_64659453/article/details/124379051
版权

笔记

综合案例：慕淘旅游

下面展示一些 内联代码片。

package com.example.myapplication.adapter;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import androidx.annotation.NonNull;
import androidx.viewpager.widget.PagerAdapter;

import java.util.List;

public class MainHeaderAdAdapter extends PagerAdapter {

    protected Context context;
    protected List<ImageView> images;

    public MainHeaderAdAdapter(Context context, List<ImageView> images) {
        this.context = context;
        this.images = images;
    }

    @Override
    public int getCount() {
        return null != images ? images.size() : 0;
    }

    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        container.addView(images.get(position));
        return images.get(position);
    }

    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view == object;
    }

    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        container.removeView(images.get(position));
    }

}


package com.example.myapplication.adapter;

import android.content.Context;
import android.view.LayoutInflater;

import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.fragment.app.FragmentActivity;
import androidx.recyclerview.widget.RecyclerView;

import com.example.myapplication.R;
import com.example.myapplication.entity.Menu;

import java.util.List;

public class MainMenuAdapter extends RecyclerView.Adapter<MainMenuViewwholder> {
    protected Context context;
    protected List<Menu> menus;

    public MainMenuAdapter(Context context, List<Menu> menus) {
        this.context = context;
        this.menus = menus;
    }


    @NonNull
    @Override
    public MainMenuViewwholder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        return new MainMenuViewwholder(LayoutInflater.from(context).inflate(R.layout.item_mian_menu, null));
    }

    @Override
    public void onBindViewHolder(@NonNull MainMenuViewwholder holder, int position) {
        Menu menu = menus.get(position);
        holder.mImgMenuIcon.setImageResource(menu.icon);
        holder.mTxtMenuName.setText(menu.menuName);
    }

    @Override
    public int getItemCount() {
        return null != menus ? menus.size() : 0;
    }
}

class MainMenuViewwholder extends RecyclerView.ViewHolder {

    public ImageView mImgMenuIcon;
    public TextView mTxtMenuName;

    public MainMenuViewwholder(@NonNull View itemView) {
        super(itemView);
        mImgMenuIcon = itemView.findViewById(R.id.img_menu_icon);
        mTxtMenuName = itemView.findViewById(R.id.txt_menu_name);
    }
}

下面展示一些 内联代码片。

package com.example.myapplication.entity;

public class Menu {
    public int icon;
    public  String menuName;

    public Menu(int icon, String menuName) {
        this.icon = icon;
        this.menuName = menuName;
    }
}


package com.example.myapplication.fragment;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

import com.example.myapplication.R;

public class FindFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_find, container, false);
    }
}

下面展示一些 内联代码片。

package com.example.myapplication.fragment;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.annotation.StringRes;
import androidx.fragment.app.Fragment;
import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import androidx.viewpager.widget.ViewPager;

import com.example.myapplication.R;
import com.example.myapplication.adapter.MainHeaderAdAdapter;
import com.example.myapplication.adapter.MainMenuAdapter;
import com.example.myapplication.util.DataUtil;

public class MainFragment extends Fragment {
    protected int[] icons = {R.mipmap.shanping, R.mipmap.shanping, R.mipmap.shanping};
    protected ViewPager mViewPagerHeaderAd;//广告头部
    protected int[] menuIons = {R.mipmap.shanping, R.mipmap.shanping, R.mipmap.shanping, R.mipmap.shanping, R.mipmap.shanping, R.mipmap.shanping, R.mipmap.shanping, R.mipmap.shanping};
    String[] menus;
    protected RecyclerView mRecyclerViewMenu;//主菜单

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_main, container, false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        menus = this.getActivity().getResources().getStringArray(R.array.main_menu);
        mViewPagerHeaderAd = getView().findViewById(R.id.vpager_main_header_ad);
        mRecyclerViewMenu = getView().findViewById(R.id.recycle_main_menu);

        MainHeaderAdAdapter adapter = new MainHeaderAdAdapter(getActivity(), DataUtil.getHeaderAddInfo(getActivity(), icons));
        mViewPagerHeaderAd.setAdapter(adapter);

        //菜单
        mRecyclerViewMenu.setLayoutManager(new GridLayoutManager(getActivity(), 4));
        MainMenuAdapter mainMenuAdapter = new MainMenuAdapter(getActivity(), DataUtil.egtMainMenus(menuIons, menus));
        mRecyclerViewMenu.setAdapter(mainMenuAdapter);
    }
}


package com.example.myapplication.fragment;

import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

import com.example.myapplication.LoginActivity;
import com.example.myapplication.R;

public class MeFragment extends Fragment {

    protected Button mBtnLogin;

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_me, container, false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        mBtnLogin = getView().findViewById(R.id.btn_login);
        mBtnLogin.setOnClickListener(new View.OnClickListener() {
            //登录
            @Override
            public void onClick(View view) {
                Intent login = new Intent(getActivity(), LoginActivity.class);
                startActivity(login);
            }
        });
    }
}

下面展示一些 内联代码片。

package com.example.myapplication.util;

import android.content.Context;
import android.widget.ImageView;

import com.example.myapplication.entity.Menu;

import java.util.ArrayList;
import java.util.List;

public class DataUtil {
    public static List<ImageView> getHeaderAddInfo(Context context, int[] icons) {
        List<ImageView> datas = new ArrayList<>();
        for (int i = 0; i < icons.length; i++) {
            ImageView icon = new ImageView(context);
            icon.setScaleType(ImageView.ScaleType.CENTER_CROP);
            icon.setImageResource(icons[i]);
            datas.add(icon);
        }
        return datas;
    }

    public static List<Menu> egtMainMenus(int[] icons, String names[]) {
        List<Menu> menus = new ArrayList<>();
        for (int i = 0; i < icons.length; i++) {
            Menu menu = new Menu(icons[i], names[i]);
            menus.add(menu);
        }
        return menus;
    }
}


package com.example.myapplication;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class LoginActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
    }
}

下面展示一些 内联代码片。

package com.example.myapplication;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;

import com.example.myapplication.fragment.FindFragment;
import com.example.myapplication.fragment.MainFragment;
import com.example.myapplication.fragment.MeFragment;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    protected LinearLayout mMenuMain;
    protected LinearLayout mMenuFind;
    protected LinearLayout mMenuMe;
    protected MainFragment mMainFragment = new MainFragment();//首页
    protected FindFragment mFindFragment = new FindFragment();//发现
    protected MeFragment mMeFragment = new MeFragment();//我的

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        //获取管理类
        this.getSupportFragmentManager().beginTransaction()
                .add(R.id.container_content, mMainFragment)
                .add(R.id.container_content, mFindFragment).hide(mFindFragment)
                .add(R.id.container_content, mMeFragment).hide(mMeFragment)
                //事务添加 默认：显示首页 其他页面：隐藏
                //提交
                .commit();
    }

    /*
     *初始化视图
     */
    public void initView() {
        mMenuMain = this.findViewById(R.id.menu_main);
        mMenuFind = this.findViewById(R.id.menu_faxian);
        mMenuMe = this.findViewById(R.id.menu_me);

        mMenuMain.setOnClickListener(this);
        mMenuFind.setOnClickListener(this);
        mMenuMe.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.menu_main://首页
                //获取管理类
                this.getSupportFragmentManager().beginTransaction()
                        .show(mMainFragment)
                        .hide(mFindFragment)
                        .hide(mMeFragment)
                        .commit();
                break;
            case R.id.menu_faxian://发现
                //获取管理类
                this.getSupportFragmentManager().beginTransaction()
                        .show(mFindFragment)
                        .hide(mMainFragment)
                        .hide(mMeFragment)
                        .commit();
                break;
            case R.id.menu_me://我的
                //获取管理类
                this.getSupportFragmentManager().beginTransaction()
                        .show(mMeFragment)
                        .hide(mFindFragment)
                        .hide(mMainFragment)
                        .commit();
                break;
        }
    }
}

package com.example.myapplication;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;

public class SplashActivity extends AppCompatActivity {
    protected Handler mHandler = new Handler();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_splash);

        mHandler.postDelayed(new Runnable() {
            @Override
            public void run() {
                startActivity(new Intent(SplashActivity.this, MainActivity.class));
            }
        }, 2000);
    }
}

下面展示一些 内联代码片。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@color/black" android:state_pressed="true"></item>
    <item android:drawable="@mipmap/ic_launcher"></item>
</selector>

<resources>
    <string name="app_name">My Application</string>
    <string-array name="main_menu">
        <item>飞机票</item>
        <item>飞机票</item>
        <item>飞机票</item>
        <item>飞机票</item>
        <item>飞机票</item>
        <item>飞机票</item>
        <item>飞机票</item>
        <item>飞机票</item>
    </string-array>
</resources>

下面展示一些 内联代码片。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".LoginActivity">
    <!--头部-->
    <RelativeLayout
        android:id="@+id/layout_login_header"
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:background="#008CC9">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_margin="10dp"
            android:src="@mipmap/ic_launcher" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_margin="20dp"
            android:text="登录"
            android:textColor="#ffffff"
            android:textSize="30sp" />
    </RelativeLayout>
    <!--用户名密码-->
    <RelativeLayout
        android:id="@+id/layout_login_username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/layout_login_header"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp">

        <EditText
            android:id="@+id/edt_username"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@null"
            android:hint="请输入登录用户名/手机号/邮箱"
            android:textSize="24sp" />

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_below="@id/edt_username"
            android:layout_marginTop="10dp"
            android:background="#D8DDE1" />

        <EditText
            android:id="@+id/edt_pwd"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/edt_username"
            android:layout_marginTop="5dp"
            android:background="@null"
            android:hint="请输入密码"
            android:textSize="24sp" />

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_below="@id/edt_username"
            android:layout_marginTop="10dp"
            android:background="#D8DDE1" />

    </RelativeLayout>
    <!--登录按钮-->
    <Button
        android:id="@+id/btn_login"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/layout_login_username"
        android:layout_margin="10dp"
        android:background="#F4F5F7"
        android:text="登录"
        android:textSize="24sp" />

    <Button
        android:id="@+id/btn_forget_pwd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn_login"
        android:layout_margin="10dp"
        android:background="@null"
        android:text="找回密码"
        android:textSize="24sp" />

    <Button
        android:id="@+id/btn_regist"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn_login"
        android:layout_alignParentRight="true"
        android:layout_margin="10dp"
        android:background="@null"
        android:text="免费注册"
        android:textSize="24sp" />

</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <!--内容部分-->
    <RelativeLayout
        android:id="@+id/container_content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></RelativeLayout>
    <!--功能菜单-->
    <LinearLayout
        android:id="@+id/container_menu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="#ffffff"
        android:orientation="horizontal">

        <LinearLayout
            android:id="@+id/menu_main"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/menu_icon_selector"
                android:clickable="false" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="首页" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/menu_faxian"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/menu_icon_selector"
                android:clickable="false" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="发现" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/menu_me"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/menu_icon_selector"
                android:clickable="false" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="我的" />
        </LinearLayout>

    </LinearLayout>

</RelativeLayout>

下面展示一些 内联代码片。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".SplashActivity"
    android:background="@mipmap/shanping">

</androidx.constraintlayout.widget.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是发现页" />
</RelativeLayout>

下面展示一些 内联代码片。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff00cc"
    android:orientation="vertical">

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/vpager_main_header_ad"
        android:layout_width="match_parent"
        android:layout_height="120dp"></androidx.viewpager.widget.ViewPager>

    <include
        layout="@layout/main_search"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"></include>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/vpager_main_header_ad"
        android:layout_marginTop="10dp">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/recycle_main_menu"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"></androidx.recyclerview.widget.RecyclerView>

            <LinearLayout
                android:id="@+id/mian_tr"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/recycle_main_menu"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="100dp"
                    android:layout_height="30dp"
                    android:src="@mipmap/ic_launcher" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="秋天真的来了，吃火锅就按这个来走！"
                    android:textColor="@color/black" />
            </LinearLayout>
            <!--特价-->
            <LinearLayout
                android:id="@+id/main_tejiaq"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/mian_tr"
                android:orientation="vertical">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">

                    <ImageView
                        android:layout_width="100dp"
                        android:layout_height="100dp"
                        android:layout_weight="2"
                        android:src="@mipmap/ic_launcher" />

                    <ImageView
                        android:layout_width="100dp"
                        android:layout_height="100dp"
                        android:layout_weight="1"
                        android:src="@mipmap/ic_launcher" />

                    <ImageView
                        android:layout_width="100dp"
                        android:layout_height="100dp"
                        android:layout_weight="1"
                        android:src="@mipmap/ic_launcher" />
                </LinearLayout>

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="100dp"
                    android:src="@mipmap/ic_launcher" />

            </LinearLayout>

            <LinearLayout
                android:id="@+id/mian_trq"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/main_tejiaq"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="100dp"
                    android:layout_height="30dp"
                    android:src="@mipmap/ic_launcher" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="秋天真的来了，吃火锅就按这个来走！"
                    android:textColor="@color/black" />
            </LinearLayout>
            <!--特价-->
            <LinearLayout
                android:id="@+id/main_tejia1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/mian_trq"
                android:orientation="vertical">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">

                    <ImageView
                        android:layout_width="100dp"
                        android:layout_height="100dp"
                        android:layout_weight="2"
                        android:src="@mipmap/ic_launcher" />

                    <ImageView
                        android:layout_width="100dp"
                        android:layout_height="100dp"
                        android:layout_weight="1"
                        android:src="@mipmap/ic_launcher" />

                    <ImageView
                        android:layout_width="100dp"
                        android:layout_height="100dp"
                        android:layout_weight="1"
                        android:src="@mipmap/ic_launcher" />
                </LinearLayout>

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="100dp"
                    android:src="@mipmap/ic_launcher" />

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="100dp"
                    android:src="@mipmap/ic_launcher" />

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="100dp"
                    android:src="@mipmap/ic_launcher" />

            </LinearLayout>
        </RelativeLayout>

    </ScrollView>

</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:id="@+id/layout_me_header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#008CC9">

        <Button
            android:id="@+id/btn_login"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_centerHorizontal="true"
            android:background="@mipmap/ic_launcher"
            android:text="点击登录" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/btn_login"
            android:orientation="horizontal">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:orientation="vertical">

                <ImageView
                    android:layout_width="24dp"
                    android:layout_height="24dp"
                    android:src="@mipmap/ic_launcher" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="优惠券" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:orientation="vertical">

                <ImageView
                    android:layout_width="24dp"
                    android:layout_height="24dp"
                    android:src="@mipmap/ic_launcher" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="折扣券" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:orientation="vertical">

                <ImageView
                    android:layout_width="24dp"
                    android:layout_height="24dp"
                    android:src="@mipmap/ic_launcher" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="购物车" />
            </LinearLayout>

        </LinearLayout>

    </RelativeLayout>
    <!--滚动列表-->
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/layout_me_header">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/layout_me_header"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/ic_launcher" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp">

                    <TextView
                        android:id="@+id/txt_my_menu"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的订单"
                        android:textSize="28sp" />

                    <View
                        android:layout_width="wrap_content"
                        android:layout_height="1dp"
                        android:layout_below="@id/txt_my_menu"
                        android:layout_marginTop="10dp"
                        android:background="#D8DDE1" />
                </RelativeLayout>

            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/ic_launcher" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp">

                    <TextView
                        android:id="@+id/txt_my_m"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的收藏"
                        android:textSize="28sp" />

                    <View
                        android:layout_width="wrap_content"
                        android:layout_height="1dp"
                        android:layout_below="@id/txt_my_m"
                        android:layout_marginTop="10dp"
                        android:background="#D8DDE1" />
                </RelativeLayout>

            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/ic_launcher" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp">

                    <TextView
                        android:id="@+id/txt_my_me"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的口令"
                        android:textSize="28sp" />

                    <View
                        android:layout_width="wrap_content"
                        android:layout_height="1dp"
                        android:layout_below="@id/txt_my_me"
                        android:layout_marginTop="10dp"
                        android:background="#D8DDE1" />
                </RelativeLayout>

            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/ic_launcher" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp">

                    <TextView
                        android:id="@+id/txt_my_men"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的锦囊"
                        android:textSize="28sp" />

                    <View
                        android:layout_width="wrap_content"
                        android:layout_height="1dp"
                        android:layout_below="@id/txt_my_men"
                        android:layout_marginTop="10dp"
                        android:background="#D8DDE1" />
                </RelativeLayout>

            </LinearLayout>

            <View
                android:layout_width="wrap_content"
                android:layout_height="10dp"
                android:layout_below="@id/txt_my_men"
                android:layout_marginTop="10dp"
                android:background="#D8DDE1" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/ic_launcher" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp">

                    <TextView
                        android:id="@+id/txt_my_menu1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的订单1"
                        android:textSize="28sp" />

                    <View
                        android:layout_width="wrap_content"
                        android:layout_height="1dp"
                        android:layout_below="@id/txt_my_menu1"
                        android:layout_marginTop="10dp"
                        android:background="#D8DDE1" />
                </RelativeLayout>

            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/ic_launcher" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp">

                    <TextView
                        android:id="@+id/txt_my_m1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的收藏1"
                        android:textSize="28sp" />

                    <View
                        android:layout_width="wrap_content"
                        android:layout_height="1dp"
                        android:layout_below="@id/txt_my_m1"
                        android:layout_marginTop="10dp"
                        android:background="#D8DDE1" />
                </RelativeLayout>

            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/ic_launcher" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp">

                    <TextView
                        android:id="@+id/txt_my_me1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的口令1"
                        android:textSize="28sp" />

                    <View
                        android:layout_width="wrap_content"
                        android:layout_height="1dp"
                        android:layout_below="@id/txt_my_me1"
                        android:layout_marginTop="10dp"
                        android:background="#D8DDE1" />
                </RelativeLayout>

            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:orientation="horizontal">

                <ImageView
                    android:layout_width="48dp"
                    android:layout_height="48dp"
                    android:src="@mipmap/ic_launcher" />

                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp">

                    <TextView
                        android:id="@+id/txt_my_men1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:paddingTop="10dp"
                        android:text="我的锦囊1"
                        android:textSize="28sp" />

                    <View
                        android:layout_width="wrap_content"
                        android:layout_height="1dp"
                        android:layout_below="@id/txt_my_men1"
                        android:layout_marginTop="10dp"
                        android:background="#D8DDE1" />
                </RelativeLayout>

            </LinearLayout>

            <View
                android:layout_width="wrap_content"
                android:layout_height="10dp"
                android:layout_below="@id/txt_my_men"
                android:layout_marginTop="10dp"
                android:background="#D8DDE1" />

            <View
                android:layout_width="match_parent"
                android:layout_height="1000dp"
                android:background="@color/purple_200" />

        </LinearLayout>
    </ScrollView>

</RelativeLayout>

下面展示一些 内联代码片。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/img_menu_icon"
        android:layout_width="48sp"
        android:layout_height="48sp"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/txt_menu_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="飞机票"
        android:textColor="#000000" />
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="horizontal">
    <!--扫一扫-->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:orientation="vertical">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="扫一扫" />
    </LinearLayout>
    <!---->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="10"
        android:gravity="center"
        android:orientation="horizontal">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher" />

        <EditText
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:hint="目的/地景点/酒店" />

    </LinearLayout>

    <!---->
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:orientation="vertical">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="消息" />
    </LinearLayout>

</LinearLayout>
执风369
关注
Android从入门到精通——学习笔记：Chapter05-高级UI组件
qq_52252613的博客
04-28 970
Android高级UI组件
3.Android学习之常用UI组件（二）
ttycr的博客
03-26 735
目录 3.常用UI组件（二） 4.图像类组件 4-1.图像视图（ImageView） 4-2.网格视图（GridView） 5.列表类组件 5-1.下拉列表框（Spinner） 5-2.列表视图（ListView） 6.难点解答 6-1.设置图片按钮背景透明 6-2.普通按钮与图片按钮的区别 3.常用UI组件（二） 4.图像类组件 图像视图ImageView：用于显示图像的组件 网格视图GridView：用于按照行、列的方式来显示多个元素（如图片、文字等）的组件 4-1
常用UI组件
weixin_45927113的博客
03-07 450
2.8常用的简单Component 布局文件里可以用属性设置相应组件的属性值；Java端也可以使用组件的方法设置。 2.8.1单位 dp（dip）：device independent pixeis(设备独立像素），不同设备有不同的显示效果，这个和设备硬件有关，一般我们为了支持WVGA，HVGA和QVGA推荐使用这个，不依赖像素。 px:pixels(像素）,不同设备显示效果相同，一般我们HVGA代表320*480像素，这个用的比较多。 pt:point,是一个标准的长度单位，1pt=1/72英寸，用于印
12 个华丽的 UI 组件，为您提供设计灵感✨
u010291330的博客
02-15 5021
现代 Web 开发已转向基于组件的架构，从而实现更快的开发、更多的控制和更低的维护成本。在本文中，我精心挑选了一些我最喜欢的 UI 组件作为您的设计灵感。我尝试在我们的开发工作流程中包含不同类型的一些最常用的组件，包括卡片、文本、按钮、复选框、图标、加载器和菜单。对于每个组件，我将提供一个直接链接，一个交互式预览，这样您就可以即时获得初步印象以及作者链接，这样您也可以探索他们的更多作品。
综合案例：慕淘旅游
weixin_65838109的博客
05-03 377
如何去除启动手机页面上方的文字： 步骤：res--->values--->themes--->将<style name="Theme.IMTao" parent="Theme.MaterialComponents.DayNight.DarkActionBar">更改为 <style name="Theme.IMTao" parent="Theme.AppCompat.NoActionBar"> ...
MootaoDemo.rar
07-15
Android-UI 慕淘旅游的源码，不含SQLite等高级运用，是安卓开发中常用UI控件的一次集合实现
Android-UI 慕淘旅游
苹果是我咬的的博客
07-12 1462
文章目录项目说明成品展示Activity & FragmentActivityFragmentWelcomeActivity代码MainActivity代码LoginActivity代码RegisterActivity代码MeFragment代码IndexFragment广告轮播主页的其他组件一级菜单二级菜单FindFragment代码 项目说明 慕淘旅游是对UI常用组件的一次集合使用，其中包括Activity和Fragment之间的传值与调用、不同适配器的设置以及ListView、RecycleV
angular-design-system:具有常用组件的角设计系统
03-11
Angular设计系统，又称为“贝莱斯角设计系统”，是一个全面的、开源的解决方案，旨在提供一套统一的UI组件和交互设计规范，以促进开发高效的、一致性的Angular应用。这个设计系统包含了丰富的组件库，涵盖了各种常见...
AXURE RP 8 常用的组件库
12-25
**AXURE RP 8 常用组件库详解** AXURE RP 8 是一款强大的原型设计工具，广泛应用于产品设计和交互设计领域。它提供了一系列的组件库，帮助设计师快速构建高保真或低保真原型，提高工作效率。本篇文章将详细介绍...
ui-vue-pc:基于vue对一些常用组件的封装、比如表单布局、弹窗、穿梭框、进度环等
05-11
启动步骤 npm install npm run serve // 开发模式 npm run build // 打包 目录结构说明 ui-vue-pc ├── README.md ├── babel.config.js ├── doc // 组件使用演示 │ ├── doc-item.vue // 文档模板组件 ...
TravelDemo:慕淘旅游项目
05-08
TravelDemo 慕淘旅游项目
慕淘旅游APP
06-13
本资源是一款Android开发案例，和旅游出行有关的app，属于Android Studio项目，功能强大而又完善，用户体验高。
Android 幕淘旅游项目总结
qq_41753468的博客
09-12 846
1.取消app上部标题：    将values-&gt;styles.xml文件下的parent属性改为 NoActionBar 2.为闪屏页添加时间滞留(闪停面)： public class SplashActivity extends AppCompatActivity { protected Handler mHandler=new Handler(); @Overr...
做作旅游app
居贝比的博客
06-20 738
安装包，需求分析，概要设计，详细设计，测试文档 均已上传至github 如想直接阅读可以观看我的另外的几篇博客： 需求分析：https://blog.csdn.net/xyy731121463/article/details/93037433 概要设计：https://blog.csdn.net/xyy731121463/article/details/93037419 详细设计：htt...
十大常用web前端UI组件库，赶紧收藏
热门推荐
jenreal的博客
04-07 2万+
今天主要介绍web前端常用的UI库，这些网站基本都是背靠互联网大厂，值得web前端开发者收藏，当然还是要多多学习使用。 Vant 一款有赞出品轻量、可靠的的移动UI组件库，目前支持 Vue2、Vue3、React，微信和支付宝小程序，并由社区团队维护 React 版本和支付宝小程序版本。 官网的文档清晰易懂，如果你熟悉vue.js的组件化开发，上手非常容易。 Ant Design Ant Design是一套企业级 UI 设计语言和 React 组件库，提供了一套非常完整的组件化设计规范与组件化编码规范，能
UI组件介绍（for设计师）
asdasdasd23451的博客
11-14 2954
UI组件库的认识及如何搭建
Android常用的UI组件
haishan_
04-16 1万+
近来读完《疯狂Android讲义》一书，也将其中的案例都码了一遍。很厚的一本书，就像一本字典，涵盖了大部分的android基础知识。现对里面一些比较不错的内容做出总结。本篇对常用UI组件做出总结，只做总结，不码代码。 第1组UI组件：布局管理器： 所有布局管理器都是ViewGroup的子类，都可作为容器类使用，因其继承View，所以可嵌套 五大布局：线性、表格、帧布局、相对、网格、绝对布
【Android 13源码分析】Activity生命周期之onCreate,onStart,onResume-1
最新发布
隔壁小王的博客
10-01 1098
我们知道 onCreate 这个生命周期表示 Activity 的创建，对应 LaunchActivityItem 这个事务，源码中构建这个事务唯一的地方就在 ActivityTaskSupervisor::realStartActivityLocked 方法。TargetActivity 所在的应用进程已经启动SourceActivity 需要执行 onPause。
Android编程基础：UI设计详解
Android UI设计通常涉及到各种组件的使用，如按钮、文本框、图像视图等，而TextView则是最常用的一种用于展示文本的组件。这份PDF文档将帮助开发者深入理解并掌握TextView的用法。 首先，文档提到了Android编程的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值