You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

Android开发:实现类似Tinder的基于用户位置的距离范围SeekBar

实现Tinder式的基于位置的距离范围SeekBar功能

嘿,我来帮你搞定这个类似Tinder的距离范围设置功能!先看你给出的代码片段,咱们一步步把它补全、优化,最终实现滑动SeekBar就能调整基于当前位置的筛选距离~

第一步:完善UI布局

首先得给你的SeekBar和显示距离的TextView搭好布局,新建res/layout/activity_main.xml,内容如下:

<?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:orientation="vertical"
    android:padding="16dp">

    <!-- 距离范围标题 -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="设置筛选距离"
        android:textSize="18sp"
        android:textStyle="bold"/>

    <!-- 显示当前选中的距离 -->
    <TextView
        android:id="@+id/text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginVertical="16dp"
        android:text="当前范围:10公里"
        android:textSize="16sp"/>

    <!-- 距离调节SeekBar -->
    <SeekBar
        android:id="@+id/seek_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="100" <!-- 这里设置最大距离,比如100公里 -->
        android:progress="10" <!-- 默认选中10公里 -->
        android:thumbTint="@color/colorPrimary"/>

</LinearLayout>

第二步:补全并优化MainActivity代码

你之前的代码把SeekBarTextView设为public static不太合适,容易引发内存泄漏,咱们改成私有成员,然后补全逻辑:

public class MainActivity extends AppCompatActivity {
    private SeekBar seekBar;
    private TextView distanceTextView;
    // 用于获取位置的客户端
    private FusedLocationProviderClient fusedLocationClient;
    // 存储当前用户的位置
    private Location currentLocation;
    // 当前选中的距离(单位:公里)
    private int selectedDistance = 10;

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

        // 初始化控件
        seekBar = findViewById(R.id.seek_bar);
        distanceTextView = findViewById(R.id.text_view);

        // 初始化位置客户端
        fusedLocationClient = LocationServices.getFusedLocationProviderClient(this);

        // 设置SeekBar的滑动监听
        seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                // 更新选中的距离和文本显示
                selectedDistance = progress;
                distanceTextView.setText(String.format("当前范围:%d公里", selectedDistance));
                // 这里可以触发后续的筛选逻辑,比如刷新附近用户列表
                if (currentLocation != null) {
                    filterUsersWithinDistance(currentLocation, selectedDistance);
                }
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {}

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {}
        });

        // 检查并申请位置权限,获取当前位置
        checkLocationPermission();
    }

    // 检查位置权限
    private void checkLocationPermission() {
        if (ContextCompat.checkSelfPermission(this, Manifest.permission.ACCESS_FINE_LOCATION)
                != PackageManager.PERMISSION_GRANTED) {
            // 没有权限,申请权限
            ActivityCompat.requestPermissions(this,
                    new String[]{Manifest.permission.ACCESS_FINE_LOCATION},
                    1001);
        } else {
            // 已有权限,获取当前位置
            getCurrentLocation();
        }
    }

    // 获取当前用户的位置
    private void getCurrentLocation() {
        try {
            Task<Location> locationTask = fusedLocationClient.getLastLocation();
            locationTask.addOnSuccessListener(location -> {
                if (location != null) {
                    currentLocation = location;
                    // 获取位置后,可以立即执行一次筛选
                    filterUsersWithinDistance(currentLocation, selectedDistance);
                } else {
                    // 位置为空,提示用户打开位置服务
                    Toast.makeText(MainActivity.this, "请打开位置服务", Toast.LENGTH_SHORT).show();
                }
            });
        } catch (SecurityException e) {
            e.printStackTrace();
        }
    }

    // 权限申请回调
    @Override
    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
        if (requestCode == 1001) {
            if (grantResults.length > 0 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
                getCurrentLocation();
            } else {
                Toast.makeText(this, "需要位置权限才能使用距离筛选功能", Toast.LENGTH_SHORT).show();
            }
        }
    }

    // 根据位置和距离筛选用户的核心逻辑
    private void filterUsersWithinDistance(Location currentLocation, int distanceKm) {
        // 这里是你自己的业务逻辑:比如从数据库/接口获取所有用户的位置,然后计算距离
        // 举个例子,用Haversine公式计算两个坐标的距离(单位:公里)
        for (User user : allUsers) {
            double distance = calculateDistance(
                    currentLocation.getLatitude(), currentLocation.getLongitude(),
                    user.getLatitude(), user.getLongitude()
            );
            if (distance <= distanceKm) {
                // 这个用户在筛选范围内,加入结果列表
                filteredUsers.add(user);
            }
        }
        // 之后刷新UI,展示筛选后的用户列表
        updateUserListUI(filteredUsers);
    }

    // Haversine公式:计算两个经纬度之间的距离(公里)
    private double calculateDistance(double lat1, double lon1, double lat2, double lon2) {
        final int R = 6371; // 地球半径(公里)
        double latDistance = Math.toRadians(lat2 - lat1);
        double lonDistance = Math.toRadians(lon2 - lon1);
        double a = Math.sin(latDistance / 2) * Math.sin(latDistance / 2)
                + Math.cos(Math.toRadians(lat1)) * Math.cos(Math.toRadians(lat2))
                * Math.sin(lonDistance / 2) * Math.sin(lonDistance / 2);
        double c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
        return R * c; // 返回公里数
    }

    // 示例:刷新用户列表UI的方法(需要你根据自己的列表控件实现)
    private void updateUserListUI(List<User> filteredUsers) {
        // 比如用RecyclerView的Adapter更新数据
        // userAdapter.setData(filteredUsers);
        // userAdapter.notifyDataSetChanged();
    }
}

第三步:注意事项和优化点

  • 权限配置:记得在AndroidManifest.xml里添加位置权限:
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
    
  • 位置更新:如果需要实时更新用户位置(比如用户移动时),可以添加LocationCallback来监听位置变化,而不是只获取一次最后位置。
  • 距离单位:如果需要支持英里,只需要把calculateDistance里的地球半径改成3956(英里),同时调整SeekBar的max值和显示文本。
  • 性能优化:如果用户量很大,不要在本地计算距离,最好把经纬度和距离条件传到后端接口,让数据库(比如MySQL的ST_Distance_Sphere)来做筛选,效率更高。

你之前代码的小问题

  • 把控件设为public static是个坏习惯,容易导致Activity销毁后控件引用还存在,引发内存泄漏,改成私有成员更安全。
  • setContentView没写完,必须指定布局文件才能加载UI。

内容的提问来源于stack exchange,提问作者Tamás Fodor

火山引擎 最新活动